#552902

#552902

Color Values

HEX

#552902

RGB

85, 41, 2

HSL

28.2, 95.4%, 17.1%

HSV

28.2, 97.6%, 33.3%

CMYK

0.0%, 51.8%, 97.6%, 66.7%

OKLCH

0.3343 0.0806 55.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#552902

#022E55

Analogous

#550205

#555302

#552902

Triadic

#552902

#025529

#290255

Split Complementary

#552902

#025553

#020555

Tetradic

#552902

#055502

#022E55

#530255

Color Blindness Simulation

Original

#552902

Protanopia

#42420B

Deuteranopia

#44480E

Tritanopia

#531315

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD9B9
300
#FCBE87
400
#FB9B47
500
#F97806
600
#C76005
700
#9F4D04
800
#7D3C03
900
#5A2E07
950
#391D04

Contrast Checker

Text on white

12.32:1

AA Pass AAA Pass

Text on black

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