#604CCA

#604CCA

Color Values

HEX

#604CCA

RGB

96, 76, 202

HSL

249.5, 54.3%, 54.5%

HSV

249.5, 62.4%, 79.2%

CMYK

52.5%, 62.4%, 0.0%, 20.8%

OKLCH

0.5096 0.1869 284.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#604CCA

#B6CA4C

Analogous

#4C77CA

#9F4CCA

#604CCA

Triadic

#604CCA

#CA604C

#4CCA60

Split Complementary

#604CCA

#CA9F4C

#77CA4C

Tetradic

#604CCA

#CA4C77

#B6CA4C

#4CCA9F

Color Blindness Simulation

Original

#604CCA

Protanopia

#5757AC

Deuteranopia

#585AA4

Tritanopia

#5F938E

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EF
300
#ABA1E3
400
#7E6DD4
500
#503AC5
600
#402F9D
700
#33257E
800
#281D62
900
#201948
950
#14102E

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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