#604EDC

#604EDC

Color Values

HEX

#604EDC

RGB

96, 78, 220

HSL

247.6, 67.0%, 58.4%

HSV

247.6, 64.5%, 86.3%

CMYK

56.4%, 64.5%, 0.0%, 13.7%

OKLCH

0.5272 0.2071 282.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604EDC

#CADC4E

Analogous

#4E83DC

#A74EDC

#604EDC

Triadic

#604EDC

#DC604E

#4EDC60

Split Complementary

#604EDC

#DCA74E

#83DC4E

Tetradic

#604EDC

#DC4E83

#CADC4E

#4EDCA7

Color Blindness Simulation

Original

#604EDC

Protanopia

#5858BA

Deuteranopia

#595BB1

Tritanopia

#5F9E99

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#C9C3F3
300
#A399EB
400
#7161E0
500
#402AD5
600
#3322AA
700
#291B88
800
#20156A
900
#1B134E
950
#110C31

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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