#5D6367

#5D6367

Color Values

HEX

#5D6367

RGB

93, 99, 103

HSL

204.0, 5.1%, 38.4%

HSV

204.0, 9.7%, 40.4%

CMYK

9.7%, 3.9%, 0.0%, 59.6%

OKLCH

0.4958 0.0098 236.7

Properties

Cool Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#5D6367

#67615D

Analogous

#5D6766

#5D5E67

#5D6367

Triadic

#5D6367

#675D63

#63675D

Split Complementary

#5D6367

#675D5E

#67665D

Tetradic

#5D6367

#665D67

#67615D

#5E675D

Color Blindness Simulation

Original

#5D6367

Protanopia

#606066

Deuteranopia

#5F5F66

Tritanopia

#5D6565

Achromatopsia

#626262

CSS Usage

background-color: #5D6367;
color: #5D6367;
border-color: #5D6367;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDD
300
#BFC2C5
400
#9CA2A5
500
#798186
600
#61676B
700
#4D5256
800
#3C4043
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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