#562B29

#562B29

Color Values

HEX

#562B29

RGB

86, 43, 41

HSL

2.7, 35.4%, 24.9%

HSV

2.7, 52.3%, 33.7%

CMYK

0.0%, 50.0%, 52.3%, 66.3%

OKLCH

0.3456 0.0639 23.7

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#562B29

#295456

Analogous

#56293D

#564229

#562B29

Triadic

#562B29

#29562B

#2B2956

Split Complementary

#562B29

#295642

#293D56

Tetradic

#562B29

#3D5629

#295456

#422956

Color Blindness Simulation

Original

#562B29

Protanopia

#434329

Deuteranopia

#46492A

Tritanopia

#542A2A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8D0CF
300
#D7AEAC
400
#C2827F
500
#AD5652
600
#8A4542
700
#6E3735
800
#562B29
900
#402221
950
#281615

Contrast Checker

Text on white

11.84:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026