#604EB5

#604EB5

Color Values

HEX

#604EB5

RGB

96, 78, 181

HSL

250.5, 41.0%, 50.8%

HSV

250.5, 56.9%, 71.0%

CMYK

47.0%, 56.9%, 0.0%, 29.0%

OKLCH

0.4971 0.1566 287.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604EB5

#A3B54E

Analogous

#4E70B5

#944EB5

#604EB5

Triadic

#604EB5

#B5604E

#4EB560

Split Complementary

#604EB5

#B5944E

#70B54E

Tetradic

#604EB5

#B54E70

#A3B54E

#4EB594

Color Blindness Simulation

Original

#604EB5

Protanopia

#58589C

Deuteranopia

#595B96

Tritanopia

#5F8884

Achromatopsia

#595959

CSS Usage

background-color: #604EB5;
color: #604EB5;
border-color: #604EB5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CDEA
300
#B1A9DB
400
#887AC7
500
#5E4BB4
600
#4B3C90
700
#3C3073
800
#2F265A
900
#251F42
950
#17132A

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

3.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026