#553200

#553200

Color Values

HEX

#553200

RGB

85, 50, 0

HSL

35.3, 100.0%, 16.7%

HSV

35.3, 100.0%, 33.3%

CMYK

0.0%, 41.2%, 100.0%, 66.7%

OKLCH

0.3523 0.0773 68.1

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#553200

#002355

Analogous

#550800

#4E5500

#553200

Triadic

#553200

#005532

#320055

Split Complementary

#553200

#004E55

#080055

Tetradic

#553200

#005508

#002355

#55004E

Color Blindness Simulation

Original

#553200

Protanopia

#46460C

Deuteranopia

#484A0F

Tritanopia

#531618

Achromatopsia

#363636

CSS Usage

background-color: #553200;
color: #553200;
border-color: #553200;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FFE2B8
300
#FFCD85
400
#FFB142
500
#FF9600
600
#CC7800
700
#A36000
800
#804B00
900
#5C3805
950
#3A2303

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

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