#562C26

#562C26

Color Values

HEX

#562C26

RGB

86, 44, 38

HSL

7.5, 38.7%, 24.3%

HSV

7.5, 55.8%, 33.7%

CMYK

0.0%, 48.8%, 55.8%, 66.3%

OKLCH

0.3468 0.0633 29.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#562C26

#265056

Analogous

#562638

#564426

#562C26

Triadic

#562C26

#26562C

#2C2656

Split Complementary

#562C26

#265644

#263856

Tetradic

#562C26

#385626

#265056

#442656

Color Blindness Simulation

Original

#562C26

Protanopia

#444327

Deuteranopia

#464928

Tritanopia

#542929

Achromatopsia

#343434

CSS Usage

background-color: #562C26;
color: #562C26;
border-color: #562C26;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CD
300
#D9B0AA
400
#C5857C
500
#B15A4E
600
#8D483F
700
#713A32
800
#582D27
900
#412420
950
#291714

Contrast Checker

Text on white

11.77:1

AA Pass AAA Pass

Text on black

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