#604366

#604366

Color Values

HEX

#604366

RGB

96, 67, 102

HSL

289.7, 20.7%, 33.1%

HSV

289.7, 34.3%, 40.0%

CMYK

5.9%, 34.3%, 0.0%, 60.0%

OKLCH

0.4287 0.0669 320.6

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#604366

#496643

Analogous

#4E4366

#66435A

#604366

Triadic

#604366

#666043

#436660

Split Complementary

#604366

#5A6643

#43664E

Tetradic

#604366

#664E43

#496643

#435A66

Color Blindness Simulation

Original

#604366

Protanopia

#53535E

Deuteranopia

#55575B

Tritanopia

#5F5755

Achromatopsia

#4C4C4C

CSS Usage

background-color: #604366;
color: #604366;
border-color: #604366;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E3
300
#CAB5CE
400
#AD8DB4
500
#91659A
600
#74517B
700
#5D4162
800
#48334D
900
#362739
950
#221924

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

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