#56543A

#56543A

Color Values

HEX

#56543A

RGB

86, 84, 58

HSL

55.7, 19.4%, 28.2%

HSV

55.7, 32.6%, 33.7%

CMYK

0.0%, 2.3%, 32.6%, 66.3%

OKLCH

0.4405 0.0401 104.2

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#56543A

#3A3C56

Analogous

#56463A

#4A563A

#56543A

Triadic

#56543A

#3A5654

#543A56

Split Complementary

#56543A

#3A4A56

#463A56

Tetradic

#56543A

#3A5646

#3A3C56

#563A4A

Color Blindness Simulation

Original

#56543A

Protanopia

#555540

Deuteranopia

#555542

Tritanopia

#564546

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D4
300
#CECCB6
400
#B3B08E
500
#989567
600
#7A7752
700
#615F42
800
#4C4A33
900
#393828
950
#242319

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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