#554424

#554424

Color Values

HEX

#554424

RGB

85, 68, 36

HSL

39.2, 40.5%, 23.7%

HSV

39.2, 57.6%, 33.3%

CMYK

0.0%, 20.0%, 57.6%, 66.7%

OKLCH

0.3967 0.0529 82.0

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#554424

#243555

Analogous

#552B24

#4D5524

#554424

Triadic

#554424

#245544

#442455

Split Complementary

#554424

#244D55

#2B2455

Tetradic

#554424

#24552B

#243555

#55244D

Color Blindness Simulation

Original

#554424

Protanopia

#4E4D2C

Deuteranopia

#4F502E

Tritanopia

#543233

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EAE0CD
300
#DBC9A9
400
#C7AC7A
500
#B38F4C
600
#8F733D
700
#735C31
800
#5A4826
900
#42361F
950
#2A2213

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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