#604DC4

#604DC4

Color Values

HEX

#604DC4

RGB

96, 77, 196

HSL

249.6, 50.2%, 53.5%

HSV

249.6, 60.7%, 76.9%

CMYK

51.0%, 60.7%, 0.0%, 23.1%

OKLCH

0.5065 0.1778 285.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#604DC4

#B1C44D

Analogous

#4D75C4

#9B4DC4

#604DC4

Triadic

#604DC4

#C4604D

#4DC460

Split Complementary

#604DC4

#C49B4D

#75C44D

Tetradic

#604DC4

#C44D75

#B1C44D

#4DC49B

Color Blindness Simulation

Original

#604DC4

Protanopia

#5858A7

Deuteranopia

#595AA0

Tritanopia

#5F908B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #604DC4;
color: #604DC4;
border-color: #604DC4;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CFC9ED
300
#ADA3E1
400
#8071D0
500
#543FC0
600
#433399
700
#36297B
800
#2A2060
900
#221B46
950
#15112C

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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