#565B54

#565B54

Color Values

HEX

#565B54

RGB

86, 91, 84

HSL

102.9, 4.0%, 34.3%

HSV

102.9, 7.7%, 35.7%

CMYK

5.5%, 0.0%, 7.7%, 64.3%

OKLCH

0.4644 0.0128 136.6

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#565B54

#59545B

Analogous

#595B54

#545B55

#565B54

Triadic

#565B54

#54565B

#5B5456

Split Complementary

#565B54

#55545B

#5B5459

Tetradic

#565B54

#54595B

#59545B

#5B5554

Color Blindness Simulation

Original

#565B54

Protanopia

#585856

Deuteranopia

#585856

Tritanopia

#565757

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDDDA
300
#C1C4BF
400
#9FA49D
500
#7D857A
600
#646A62
700
#50554E
800
#3F423D
900
#30322F
950
#1E201D

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026