#604CE9

#604CE9

Color Values

HEX

#604CE9

RGB

96, 76, 233

HSL

247.6, 78.1%, 60.6%

HSV

247.6, 67.4%, 91.4%

CMYK

58.8%, 67.4%, 0.0%, 8.6%

OKLCH

0.5352 0.2252 281.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604CE9

#D5E94C

Analogous

#4C87E9

#AE4CE9

#604CE9

Triadic

#604CE9

#E9604C

#4CE960

Split Complementary

#604CE9

#E9AE4C

#87E94C

Tetradic

#604CE9

#E94C87

#D5E94C

#4CE9AE

Color Blindness Simulation

Original

#604CE9

Protanopia

#5757C3

Deuteranopia

#585ABA

Tritanopia

#5FA59E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #604CE9;
color: #604CE9;
border-color: #604CE9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F4F2FC
100
#E4E1F9
200
#C6BFF7
300
#9E92F2
400
#6A57EA
500
#351CE3
600
#2B16B6
700
#221291
800
#1B0E72
900
#170E53
950
#0F0934

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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