#604DC8

#604DC8

Color Values

HEX

#604DC8

RGB

96, 77, 200

HSL

249.3, 52.8%, 54.3%

HSV

249.3, 61.5%, 78.4%

CMYK

52.0%, 61.5%, 0.0%, 21.6%

OKLCH

0.5096 0.183 284.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#604DC8

#B5C84D

Analogous

#4D77C8

#9E4DC8

#604DC8

Triadic

#604DC8

#C8604D

#4DC860

Split Complementary

#604DC8

#C89E4D

#77C84D

Tetradic

#604DC8

#C84D77

#B5C84D

#4DC89E

Color Blindness Simulation

Original

#604DC8

Protanopia

#5858AA

Deuteranopia

#595AA3

Tritanopia

#5F938E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EE
300
#ACA1E2
400
#7E6FD2
500
#513CC3
600
#41309C
700
#34277D
800
#291E61
900
#211947
950
#15102D

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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