#554822

#554822

Color Values

HEX

#554822

RGB

85, 72, 34

HSL

44.7, 42.9%, 23.3%

HSV

44.7, 60.0%, 33.3%

CMYK

0.0%, 15.3%, 60.0%, 66.7%

OKLCH

0.4058 0.0578 90.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554822

#222F55

Analogous

#552E22

#485522

#554822

Triadic

#554822

#225548

#482255

Split Complementary

#554822

#224855

#2E2255

Tetradic

#554822

#22552E

#222F55

#552248

Color Blindness Simulation

Original

#554822

Protanopia

#4F4F2B

Deuteranopia

#50512D

Tritanopia

#543234

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F0E7
200
#EBE3CC
300
#DCCFA8
400
#C9B478
500
#B69A49
600
#927B3A
700
#75632F
800
#5B4D24
900
#433A1E
950
#2A2413

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

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