#554628

#554628

Color Values

HEX

#554628

RGB

85, 70, 40

HSL

40.0, 36.0%, 24.5%

HSV

40.0, 52.9%, 33.3%

CMYK

0.0%, 17.6%, 52.9%, 66.7%

OKLCH

0.4021 0.0495 83.7

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#554628

#283755

Analogous

#552F28

#4D5528

#554628

Triadic

#554628

#285546

#462855

Split Complementary

#554628

#284D55

#2F2855

Tetradic

#554628

#28552F

#283755

#55284D

Color Blindness Simulation

Original

#554628

Protanopia

#4F4E2F

Deuteranopia

#4F5031

Tritanopia

#543536

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E0CE
300
#D8C9AC
400
#C3AC7F
500
#AD8F52
600
#8B7241
700
#6F5B34
800
#574729
900
#403621
950
#292215

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026