#552C08

#552C08

Color Values

HEX

#552C08

RGB

85, 44, 8

HSL

28.1, 82.8%, 18.2%

HSV

28.1, 90.6%, 33.3%

CMYK

0.0%, 48.2%, 90.6%, 66.7%

OKLCH

0.3407 0.076 56.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#552C08

#083155

Analogous

#55080A

#555208

#552C08

Triadic

#552C08

#08552C

#2C0855

Split Complementary

#552C08

#085552

#080A55

Tetradic

#552C08

#0A5508

#083155

#520855

Color Blindness Simulation

Original

#552C08

Protanopia

#434311

Deuteranopia

#464913

Tritanopia

#531819

Achromatopsia

#323232

CSS Usage

background-color: #552C08;
color: #552C08;
border-color: #552C08;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9D9BE
300
#F4BF8F
400
#EF9C53
500
#E97916
600
#BA6112
700
#954D0E
800
#753C0B
900
#552E0C
950
#351D08

Contrast Checker

Text on white

12.0:1

AA Pass AAA Pass

Text on black

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