#552B05

#552B05

Color Values

HEX

#552B05

RGB

85, 43, 5

HSL

28.5, 88.9%, 17.6%

HSV

28.5, 94.1%, 33.3%

CMYK

0.0%, 49.4%, 94.1%, 66.7%

OKLCH

0.3385 0.0779 56.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#552B05

#052F55

Analogous

#550507

#555305

#552B05

Triadic

#552B05

#05552B

#2B0555

Split Complementary

#552B05

#055553

#050755

Tetradic

#552B05

#075505

#052F55

#530555

Color Blindness Simulation

Original

#552B05

Protanopia

#43420E

Deuteranopia

#454810

Tritanopia

#531517

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBDABC
300
#F8BF8B
400
#F59C4D
500
#F17A0E
600
#C1610B
700
#9A4E09
800
#783D07
900
#572F0A
950
#371D06

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

一月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

一月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

一月 18, 2026