#604DF2

#604DF2

Color Values

HEX

#604DF2

RGB

96, 77, 242

HSL

246.9, 86.4%, 62.5%

HSV

246.9, 68.2%, 94.9%

CMYK

60.3%, 68.2%, 0.0%, 5.1%

OKLCH

0.5444 0.2349 280.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#604DF2

#DFF24D

Analogous

#4D8CF2

#B24DF2

#604DF2

Triadic

#604DF2

#F2604D

#4DF260

Split Complementary

#604DF2

#F2B24D

#8CF24D

Tetradic

#604DF2

#F24D8C

#DFF24D

#4DF2B2

Color Blindness Simulation

Original

#604DF2

Protanopia

#5858CA

Deuteranopia

#595AC0

Tritanopia

#5FABA4

Achromatopsia

#5D5D5D

CSS Usage

background-color: #604DF2;
color: #604DF2;
border-color: #604DF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BCFA
300
#998DF7
400
#624FF2
500
#2B11EE
600
#220EBE
700
#1B0B98
800
#150977
900
#130B56
950
#0C0736

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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