#565843

#565843

Color Values

HEX

#565843

RGB

86, 88, 67

HSL

65.7, 13.5%, 30.4%

HSV

65.7, 23.9%, 34.5%

CMYK

2.3%, 0.0%, 23.9%, 65.5%

OKLCH

0.4524 0.0328 112.1

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#565843

#454358

Analogous

#585043

#4C5843

#565843

Triadic

#565843

#435658

#584356

Split Complementary

#565843

#434C58

#504358

Tetradic

#565843

#435850

#454358

#58434C

Color Blindness Simulation

Original

#565843

Protanopia

#575748

Deuteranopia

#575749

Tritanopia

#564C4D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE0D6
300
#C8CABA
400
#ABAD94
500
#8D916E
600
#717458
700
#5B5D47
800
#474837
900
#35362B
950
#22221B

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

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