#5F4960

#5F4960

Color Values

HEX

#5F4960

RGB

95, 73, 96

HSL

297.4, 13.6%, 33.1%

HSV

297.4, 24.0%, 37.6%

CMYK

1.0%, 24.0%, 0.0%, 62.4%

OKLCH

0.437 0.0464 324.9

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#5F4960

#4A6049

Analogous

#534960

#604955

#5F4960

Triadic

#5F4960

#605F49

#49605F

Split Complementary

#5F4960

#556049

#496053

Tetradic

#5F4960

#605349

#4A6049

#495560

Color Blindness Simulation

Original

#5F4960

Protanopia

#55555A

Deuteranopia

#575859

Tritanopia

#5E5655

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#C9B9CA
400
#AC94AD
500
#8F6E91
600
#735874
700
#5C475D
800
#483748
900
#362B36
950
#221B22

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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