#604CCF

#604CCF

Color Values

HEX

#604CCF

RGB

96, 76, 207

HSL

249.2, 57.7%, 55.5%

HSV

249.2, 63.3%, 81.2%

CMYK

53.6%, 63.3%, 0.0%, 18.8%

OKLCH

0.5135 0.1932 284.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604CCF

#BBCF4C

Analogous

#4C79CF

#A24CCF

#604CCF

Triadic

#604CCF

#CF604C

#4CCF60

Split Complementary

#604CCF

#CFA24C

#79CF4C

Tetradic

#604CCF

#CF4C79

#BBCF4C

#4CCFA2

Color Blindness Simulation

Original

#604CCF

Protanopia

#5757AF

Deuteranopia

#585AA8

Tritanopia

#5F9691

Achromatopsia

#5A5A5A

CSS Usage

background-color: #604CCF;
color: #604CCF;
border-color: #604CCF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CDC7F0
300
#A99EE5
400
#7B6AD7
500
#4C36C9
600
#3D2BA1
700
#312381
800
#261B65
900
#1F174A
950
#140F2E

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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