#604CCE

#604CCE

Color Values

HEX

#604CCE

RGB

96, 76, 206

HSL

249.2, 57.0%, 55.3%

HSV

249.2, 63.1%, 80.8%

CMYK

53.4%, 63.1%, 0.0%, 19.2%

OKLCH

0.5127 0.1919 284.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#604CCE

#BACE4C

Analogous

#4C79CE

#A14CCE

#604CCE

Triadic

#604CCE

#CE604C

#4CCE60

Split Complementary

#604CCE

#CEA14C

#79CE4C

Tetradic

#604CCE

#CE4C79

#BACE4C

#4CCEA1

Color Blindness Simulation

Original

#604CCE

Protanopia

#5757AF

Deuteranopia

#585AA7

Tritanopia

#5F9690

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CDC7F0
300
#AA9FE5
400
#7B6BD6
500
#4D37C8
600
#3E2CA0
700
#312380
800
#271B64
900
#1F1849
950
#140F2E

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

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