#545228

#545228

Color Values

HEX

#545228

RGB

84, 82, 40

HSL

57.3, 35.5%, 24.3%

HSV

57.3, 52.4%, 32.9%

CMYK

0.0%, 2.4%, 52.4%, 67.1%

OKLCH

0.4301 0.0614 106.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#545228

#282A54

Analogous

#543C28

#405428

#545228

Triadic

#545228

#285452

#522854

Split Complementary

#545228

#284054

#3C2854

Tetradic

#545228

#28543C

#282A54

#542840

Color Blindness Simulation

Original

#545228

Protanopia

#535332

Deuteranopia

#535335

Tritanopia

#543A3C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #545228;
color: #545228;
border-color: #545228;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E8E7CF
300
#D8D6AC
400
#C2BF7F
500
#ADA952
600
#8A8742
700
#6F6C35
800
#565429
900
#403F21
950
#282715

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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