#604DDD

#604DDD

Color Values

HEX

#604DDD

RGB

96, 77, 221

HSL

247.9, 67.9%, 58.4%

HSV

247.9, 65.2%, 86.7%

CMYK

56.6%, 65.2%, 0.0%, 13.3%

OKLCH

0.5265 0.2095 282.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604DDD

#CADD4D

Analogous

#4D82DD

#A84DDD

#604DDD

Triadic

#604DDD

#DD604D

#4DDD60

Split Complementary

#604DDD

#DDA84D

#82DD4D

Tetradic

#604DDD

#DD4D82

#CADD4D

#4DDDA8

Color Blindness Simulation

Original

#604DDD

Protanopia

#5858BA

Deuteranopia

#595AB2

Tritanopia

#5F9F99

Achromatopsia

#5B5B5B

CSS Usage

background-color: #604DDD;
color: #604DDD;
border-color: #604DDD;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#C9C3F4
300
#A398EB
400
#7161E1
500
#4029D6
600
#3321AB
700
#291A89
800
#20146B
900
#1B134E
950
#110C31

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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