#562B27

#562B27

Color Values

HEX

#562B27

RGB

86, 43, 39

HSL

5.1, 37.6%, 24.5%

HSV

5.1, 54.7%, 33.7%

CMYK

0.0%, 50.0%, 54.7%, 66.3%

OKLCH

0.3451 0.0643 26.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#562B27

#275256

Analogous

#56273A

#564227

#562B27

Triadic

#562B27

#27562B

#2B2756

Split Complementary

#562B27

#275642

#273A56

Tetradic

#562B27

#3A5627

#275256

#422756

Color Blindness Simulation

Original

#562B27

Protanopia

#434328

Deuteranopia

#464928

Tritanopia

#542929

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9D0CE
300
#D9AFAB
400
#C4837D
500
#AF5850
600
#8C4640
700
#703833
800
#582C28
900
#412320
950
#291614

Contrast Checker

Text on white

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