#565658

#565658

Color Values

HEX

#565658

RGB

86, 86, 88

HSL

240.0, 1.1%, 34.1%

HSV

240.0, 2.3%, 34.5%

CMYK

2.3%, 2.3%, 0.0%, 65.5%

OKLCH

0.4538 0.0032 286.3

Properties

Cool Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#565658

#585856

Analogous

#565758

#575658

#565658

Triadic

#565658

#585656

#565856

Split Complementary

#565658

#585756

#575856

Tetradic

#565658

#585657

#585856

#565857

Color Blindness Simulation

Original

#565658

Protanopia

#565658

Deuteranopia

#565657

Tritanopia

#565757

Achromatopsia

#565656

CSS Usage

background-color: #565658;
color: #565658;
border-color: #565658;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C1C1C2
400
#A0A0A2
500
#7E7E81
600
#656567
700
#515152
800
#3F3F40
900
#303031
950
#1E1E1F

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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