#565A55

#565A55

Color Values

HEX

#565A55

RGB

86, 90, 85

HSL

108.0, 2.9%, 34.3%

HSV

108.0, 5.6%, 35.3%

CMYK

4.4%, 0.0%, 5.6%, 64.7%

OKLCH

0.4624 0.0094 139.4

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#565A55

#59555A

Analogous

#585A55

#555A56

#565A55

Triadic

#565A55

#55565A

#5A5556

Split Complementary

#565A55

#56555A

#5A5558

Tetradic

#565A55

#55585A

#59555A

#5A5655

Color Blindness Simulation

Original

#565A55

Protanopia

#585856

Deuteranopia

#585756

Tritanopia

#565757

Achromatopsia

#595959

CSS Usage

background-color: #565A55;
color: #565A55;
border-color: #565A55;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C1C4C0
400
#9FA39E
500
#7D837C
600
#646963
700
#50544F
800
#3F423E
900
#30322F
950
#1E1F1E

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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