#604E61

#604E61

Color Values

HEX

#604E61

RGB

96, 78, 97

HSL

296.8, 10.9%, 34.3%

HSV

296.8, 19.6%, 38.0%

CMYK

1.0%, 19.6%, 0.0%, 62.0%

OKLCH

0.4491 0.038 324.5

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#604E61

#4F614E

Analogous

#564E61

#614E58

#604E61

Triadic

#604E61

#61604E

#4E6160

Split Complementary

#604E61

#58614E

#4E6156

Tetradic

#604E61

#61564E

#4F614E

#4E5861

Color Blindness Simulation

Original

#604E61

Protanopia

#58585C

Deuteranopia

#595B5B

Tritanopia

#5F5958

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C8BBC8
400
#AA96AB
500
#8C728D
600
#705B71
700
#5A495A
800
#463947
900
#352C35
950
#211C22

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026