#56474C

#56474C

Color Values

HEX

#56474C

RGB

86, 71, 76

HSL

340.0, 9.6%, 30.8%

HSV

340.0, 17.4%, 33.7%

CMYK

0.0%, 17.4%, 11.6%, 66.3%

OKLCH

0.4151 0.0218 356.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#56474C

#475651

Analogous

#564754

#564A47

#56474C

Triadic

#56474C

#4C5647

#474C56

Split Complementary

#56474C

#47564A

#475456

Tetradic

#56474C

#545647

#475651

#4A4756

Color Blindness Simulation

Original

#56474C

Protanopia

#504F4B

Deuteranopia

#50524A

Tritanopia

#554A4A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BCC0
400
#AA989E
500
#8C737B
600
#705C63
700
#594A4F
800
#463A3E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

2.4:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026