#604456

#604456

Color Values

HEX

#604456

RGB

96, 68, 86

HSL

321.4, 17.1%, 32.2%

HSV

321.4, 29.2%, 37.6%

CMYK

0.0%, 29.2%, 10.4%, 62.4%

OKLCH

0.4238 0.0471 340.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#604456

#44604E

Analogous

#5C4460

#604448

#604456

Triadic

#604456

#566044

#445660

Split Complementary

#604456

#486044

#44605C

Tetradic

#604456

#605C44

#44604E

#444860

Color Blindness Simulation

Original

#604456

Protanopia

#545452

Deuteranopia

#565851

Tritanopia

#5F4E4D

Achromatopsia

#4B4B4B

CSS Usage

background-color: #604456;
color: #604456;
border-color: #604456;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DD
300
#CCB7C5
400
#B191A5
500
#956A86
600
#77556B
700
#604456
800
#4B3543
900
#382933
950
#231A20

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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