#604DD4

#604DD4

Color Values

HEX

#604DD4

RGB

96, 77, 212

HSL

248.4, 61.1%, 56.7%

HSV

248.4, 63.7%, 83.1%

CMYK

54.7%, 63.7%, 0.0%, 16.9%

OKLCH

0.5191 0.1983 283.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604DD4

#C1D44D

Analogous

#4D7ED4

#A34DD4

#604DD4

Triadic

#604DD4

#D4604D

#4DD460

Split Complementary

#604DD4

#D4A34D

#7ED44D

Tetradic

#604DD4

#D44D7E

#C1D44D

#4DD4A3

Color Blindness Simulation

Original

#604DD4

Protanopia

#5858B3

Deuteranopia

#595AAB

Tritanopia

#5F9A94

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CCC5F1
300
#A79CE7
400
#7767DA
500
#4732CD
600
#3928A4
700
#2E2083
800
#241967
900
#1D164B
950
#120E2F

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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