#565848

#565848

Color Values

HEX

#565848

RGB

86, 88, 72

HSL

67.5, 10.0%, 31.4%

HSV

67.5, 18.2%, 34.5%

CMYK

2.3%, 0.0%, 18.2%, 65.5%

OKLCH

0.4537 0.0253 113.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#565848

#4A4858

Analogous

#585248

#4E5848

#565848

Triadic

#565848

#485658

#584856

Split Complementary

#565848

#484E58

#524858

Tetradic

#565848

#485852

#4A4858

#58484E

Color Blindness Simulation

Original

#565848

Protanopia

#57574C

Deuteranopia

#57574D

Tritanopia

#564F50

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BC
400
#A8AA97
500
#898C73
600
#6E705C
700
#585A49
800
#454639
900
#34352C
950
#21211C

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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