#565F57

#565F57

Color Values

HEX

#565F57

RGB

86, 95, 87

HSL

126.7, 5.0%, 35.5%

HSV

126.7, 9.5%, 37.3%

CMYK

9.5%, 0.0%, 8.4%, 62.7%

OKLCH

0.475 0.0169 148.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#565F57

#5F565E

Analogous

#5A5F56

#565F5C

#565F57

Triadic

#565F57

#57565F

#5F5756

Split Complementary

#565F57

#5C565F

#5F565A

Tetradic

#565F57

#565A5F

#5F565E

#5F5C56

Color Blindness Simulation

Original

#565F57

Protanopia

#5A5A59

Deuteranopia

#595959

Tritanopia

#565A5B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDA
300
#BFC5BF
400
#9CA59D
500
#79867B
600
#616B62
700
#4E564E
800
#3D433D
900
#2E332F
950
#1D201E

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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