#565B4D

#565B4D

Color Values

HEX

#565B4D

RGB

86, 91, 77

HSL

81.4, 8.3%, 32.9%

HSV

81.4, 15.4%, 35.7%

CMYK

5.5%, 0.0%, 15.4%, 64.3%

OKLCH

0.4623 0.0229 123.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#565B4D

#524D5B

Analogous

#5B594D

#4F5B4D

#565B4D

Triadic

#565B4D

#4D565B

#5B4D56

Split Complementary

#565B4D

#4D4F5B

#594D5B

Tetradic

#565B4D

#4D5B59

#524D5B

#5B4D4F

Color Blindness Simulation

Original

#565B4D

Protanopia

#585850

Deuteranopia

#585851

Tritanopia

#565354

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED8
300
#C3C7BD
400
#A3A899
500
#838A75
600
#686E5E
700
#54584B
800
#41453A
900
#31342D
950
#1F211C

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

3.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026