#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026