#604DC9

#604DC9

Color Values

HEX

#604DC9

RGB

96, 77, 201

HSL

249.2, 53.4%, 54.5%

HSV

249.2, 61.7%, 78.8%

CMYK

52.2%, 61.7%, 0.0%, 21.2%

OKLCH

0.5104 0.1843 284.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#604DC9

#B6C94D

Analogous

#4D78C9

#9E4DC9

#604DC9

Triadic

#604DC9

#C9604D

#4DC960

Split Complementary

#604DC9

#C99E4D

#78C94D

Tetradic

#604DC9

#C94D78

#B6C94D

#4DC99E

Color Blindness Simulation

Original

#604DC9

Protanopia

#5858AB

Deuteranopia

#595AA4

Tritanopia

#5F938E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EE
300
#ABA1E2
400
#7E6ED3
500
#503BC4
600
#40309C
700
#33267D
800
#281E62
900
#201948
950
#14102D

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026