#594FB0

#594FB0

Color Values

HEX

#594FB0

RGB

89, 79, 176

HSL

246,2, 38,0%, 50,0%

HSV

246,2, 55,1%, 69,0%

CMYK

49,4%, 55,1%, 0,0%, 31,0%

OKLCH

0,4892 0,149 284,1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#594FB0

#A6B04F

Analogous

#4F75B0

#8A4FB0

#594FB0

Triadic

#594FB0

#B0594F

#4FB059

Split Complementary

#594FB0

#B08A4F

#75B04F

Tetradic

#594FB0

#B04F75

#A6B04F

#4FB08A

Color Blindness Simulation

Original

#594FB0

Protanopia

#555599

Deuteranopia

#555693

Tritanopia

#588682

Achromatopsia

#585858

CSS Usage

background-color: #594FB0;
color: #594FB0;
border-color: #594FB0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CEE9
300
#AFABD9
400
#847DC5
500
#594FB0
600
#473F8D
700
#393371
800
#2D2858
900
#232041
950
#161429

Contrast Checker

Text on white

6,62:1

AA Pass AAA Fail

Text on black

3,17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026