#604CD9

#604CD9

Color Values

HEX

#604CD9

RGB

96, 76, 217

HSL

248.5, 65.0%, 57.5%

HSV

248.5, 65.0%, 85.1%

CMYK

55.8%, 65.0%, 0.0%, 14.9%

OKLCH

0.5217 0.2057 283.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604CD9

#C5D94C

Analogous

#4C7FD9

#A74CD9

#604CD9

Triadic

#604CD9

#D9604C

#4CD960

Split Complementary

#604CD9

#D9A74C

#7FD94C

Tetradic

#604CD9

#D94C7F

#C5D94C

#4CD9A7

Color Blindness Simulation

Original

#604CD9

Protanopia

#5757B7

Deuteranopia

#585AAF

Tritanopia

#5F9C96

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CBC4F3
300
#A59AEA
400
#7563DE
500
#442DD2
600
#3624A8
700
#2C1D87
800
#221669
900
#1C144D
950
#120D31

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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