#5F5568

#5F5568

Color Values

HEX

#5F5568

RGB

95, 85, 104

HSL

271.6, 10.1%, 37.1%

HSV

271.6, 18.3%, 40.8%

CMYK

8.7%, 18.3%, 0.0%, 59.2%

OKLCH

0.4662 0.0326 308.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#5F5568

#5E6855

Analogous

#565568

#685568

#5F5568

Triadic

#5F5568

#685F55

#55685F

Split Complementary

#5F5568

#686855

#556856

Tetradic

#5F5568

#685655

#5E6855

#556868

Color Blindness Simulation

Original

#5F5568

Protanopia

#5B5B63

Deuteranopia

#5B5C62

Tritanopia

#5E605F

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DBD8DF
300
#C2BCC8
400
#A197AA
500
#80738C
600
#675C70
700
#52495A
800
#403946
900
#312C35
950
#1F1C21

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

2.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026