#604CB0

#604CB0

Color Values

HEX

#604CB0

RGB

96, 76, 176

HSL

252.0, 39.7%, 49.4%

HSV

252.0, 56.8%, 69.0%

CMYK

45.5%, 56.8%, 0.0%, 31.0%

OKLCH

0.49 0.1528 288.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604CB0

#9CB04C

Analogous

#4C6AB0

#924CB0

#604CB0

Triadic

#604CB0

#B0604C

#4CB060

Split Complementary

#604CB0

#B0924C

#6AB04C

Tetradic

#604CB0

#B04C6A

#9CB04C

#4CB092

Color Blindness Simulation

Original

#604CB0

Protanopia

#575798

Deuteranopia

#585A92

Tritanopia

#5F8580

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D3CDE9
300
#B3AADA
400
#8A7BC6
500
#614DB2
600
#4E3E8E
700
#3E3172
800
#312659
900
#261F42
950
#18142A

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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