#563F2A

#563F2A

Color Values

HEX

#563F2A

RGB

86, 63, 42

HSL

28.6, 34.4%, 25.1%

HSV

28.6, 51.2%, 33.7%

CMYK

0.0%, 26.7%, 51.2%, 66.3%

OKLCH

0.3875 0.046 63.2

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#563F2A

#2A4156

Analogous

#562A2B

#56552A

#563F2A

Triadic

#563F2A

#2A563F

#3F2A56

Split Complementary

#563F2A

#2A5655

#2A2B56

Tetradic

#563F2A

#2B562A

#2A4156

#552A56

Color Blindness Simulation

Original

#563F2A

Protanopia

#4C4C2F

Deuteranopia

#4D4F30

Tritanopia

#553334

Achromatopsia

#424242

CSS Usage

background-color: #563F2A;
color: #563F2A;
border-color: #563F2A;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E8DBCF
300
#D7C1AD
400
#C19F80
500
#AB7D54
600
#896443
700
#6E5036
800
#563F2A
900
#3F3021
950
#281E15

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

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