#56563F

#56563F

Color Values

HEX

#56563F

RGB

86, 86, 63

HSL

60.0, 15.4%, 29.2%

HSV

60.0, 26.7%, 33.7%

CMYK

0.0%, 0.0%, 26.7%, 66.3%

OKLCH

0.4465 0.0357 107.8

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#56563F

#3F3F56

Analogous

#564A3F

#4A563F

#56563F

Triadic

#56563F

#3F5656

#563F56

Split Complementary

#56563F

#3F4A56

#4A3F56

Tetradic

#56563F

#3F564A

#3F3F56

#563F4A

Color Blindness Simulation

Original

#56563F

Protanopia

#565645

Deuteranopia

#565646

Tritanopia

#56494A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1E1D6
300
#CBCBB8
400
#AFAF92
500
#93936C
600
#767656
700
#5E5E45
800
#4A4A36
900
#37372A
950
#23231A

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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