#565156

#565156

Color Values

HEX

#565156

RGB

86, 81, 86

HSL

300.0, 3.0%, 32.7%

HSV

300.0, 5.8%, 33.7%

CMYK

0.0%, 5.8%, 0.0%, 66.3%

OKLCH

0.4415 0.0103 325.8

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#565156

#515651

Analogous

#535156

#565153

#565156

Triadic

#565156

#565651

#515656

Split Complementary

#565156

#535651

#515653

Tetradic

#565156

#565351

#515651

#515356

Color Blindness Simulation

Original

#565156

Protanopia

#545455

Deuteranopia

#545454

Tritanopia

#565454

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEDEE
200
#DCDADC
300
#C4C0C4
400
#A39EA3
500
#837C83
600
#696369
700
#544F54
800
#423E42
900
#322F32
950
#1F1E1F

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026