#552A24

#552A24

Color Values

HEX

#552A24

RGB

85, 42, 36

HSL

7.3, 40.5%, 23.7%

HSV

7.3, 57.6%, 33.3%

CMYK

0.0%, 50.6%, 57.6%, 66.7%

OKLCH

0.341 0.065 29.2

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#552A24

#244F55

Analogous

#552436

#554224

#552A24

Triadic

#552A24

#24552A

#2A2455

Split Complementary

#552A24

#245542

#243655

Tetradic

#552A24

#365524

#244F55

#422455

Color Blindness Simulation

Original

#552A24

Protanopia

#424225

Deuteranopia

#454826

Tritanopia

#532727

Achromatopsia

#333333

CSS Usage

background-color: #552A24;
color: #552A24;
border-color: #552A24;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#EAD0CD
300
#DBAFA9
400
#C7847A
500
#B3584C
600
#8F473D
700
#733931
800
#5A2C26
900
#42231F
950
#2A1613

Contrast Checker

Text on white

12.05:1

AA Pass AAA Pass

Text on black

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