#554836

#554836

Color Values

HEX

#554836

RGB

85, 72, 54

HSL

34.8, 22.3%, 27.3%

HSV

34.8, 36.5%, 33.3%

CMYK

0.0%, 15.3%, 36.5%, 66.7%

OKLCH

0.4097 0.0334 75.6

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#554836

#364355

Analogous

#553936

#535536

#554836

Triadic

#554836

#365548

#483655

Split Complementary

#554836

#365355

#393655

Tetradic

#554836

#365539

#364355

#553653

Color Blindness Simulation

Original

#554836

Protanopia

#4F4F3A

Deuteranopia

#50513B

Tritanopia

#543E3F

Achromatopsia

#494949

CSS Usage

background-color: #554836;
color: #554836;
border-color: #554836;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E3DDD3
300
#CFC4B4
400
#B6A48C
500
#9C8463
600
#7D6A4F
700
#64553F
800
#4E4232
900
#3A3227
950
#252018

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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