#563C22

#563C22

Color Values

HEX

#563C22

RGB

86, 60, 34

HSL

30.0, 43.3%, 23.5%

HSV

30.0, 60.5%, 33.7%

CMYK

0.0%, 30.2%, 60.5%, 66.3%

OKLCH

0.3792 0.0538 65.0

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#563C22

#223C56

Analogous

#562222

#565622

#563C22

Triadic

#563C22

#22563C

#3C2256

Split Complementary

#563C22

#225656

#222256

Tetradic

#563C22

#225622

#223C56

#562256

Color Blindness Simulation

Original

#563C22

Protanopia

#4B4B28

Deuteranopia

#4C4E2A

Tritanopia

#552D2E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDBCC
300
#DCC2A7
400
#CAA178
500
#B78048
600
#92663A
700
#75522E
800
#5B4024
900
#43301E
950
#2B1F13

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

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