#563D2B

#563D2B

Color Values

HEX

#563D2B

RGB

86, 61, 43

HSL

25.1, 33.3%, 25.3%

HSV

25.1, 50.0%, 33.7%

CMYK

0.0%, 29.1%, 50.0%, 66.3%

OKLCH

0.3832 0.0454 56.7

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#563D2B

#2B4456

Analogous

#562B2F

#56522B

#563D2B

Triadic

#563D2B

#2B563D

#3D2B56

Split Complementary

#563D2B

#2B5652

#2B2F56

Tetradic

#563D2B

#2F562B

#2B4456

#522B56

Color Blindness Simulation

Original

#563D2B

Protanopia

#4B4B2F

Deuteranopia

#4D4E30

Tritanopia

#553334

Achromatopsia

#414141

CSS Usage

background-color: #563D2B;
color: #563D2B;
border-color: #563D2B;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E7D9CF
300
#D6BEAD
400
#C09C81
500
#AA7955
600
#886044
700
#6D4D36
800
#553C2B
900
#3F2E22
950
#281D15

Contrast Checker

Text on white

10.01:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026