#604AB5

#604AB5

Color Values

HEX

#604AB5

RGB

96, 74, 181

HSL

252.3, 42.0%, 50.0%

HSV

252.3, 59.1%, 71.0%

CMYK

47.0%, 59.1%, 0.0%, 29.0%

OKLCH

0.4902 0.1623 288.4

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604AB5

#9FB54A

Analogous

#4A6AB5

#954AB5

#604AB5

Triadic

#604AB5

#B5604A

#4AB560

Split Complementary

#604AB5

#B5954A

#6AB54A

Tetradic

#604AB5

#B54A6A

#9FB54A

#4AB595

Color Blindness Simulation

Original

#604AB5

Protanopia

#56569B

Deuteranopia

#585995

Tritanopia

#5F8782

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F4
200
#D2CCEA
300
#B3A8DC
400
#8979C8
500
#604AB5
600
#4D3B91
700
#3D2F74
800
#30255B
900
#261E43
950
#18132A

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

3.14: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