#552120

#552120

Color Values

HEX

#552120

RGB

85, 33, 32

HSL

1.1, 45.3%, 22.9%

HSV

1.1, 62.4%, 33.3%

CMYK

0.0%, 61.2%, 62.4%, 66.7%

OKLCH

0.3242 0.0779 23.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#552120

#205455

Analogous

#552039

#553B20

#552120

Triadic

#552120

#205521

#212055

Split Complementary

#552120

#20553B

#203955

Tetradic

#552120

#395520

#205455

#3B2055

Color Blindness Simulation

Original

#552120

Protanopia

#3E3E20

Deuteranopia

#424520

Tritanopia

#522020

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCCCB
300
#DEA7A6
400
#CB7776
500
#B94846
600
#943938
700
#772E2D
800
#5D2423
900
#441D1D
950
#2B1312

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

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