#545225

#545225

Color Values

HEX

#545225

RGB

84, 82, 37

HSL

57.4, 38.8%, 23.7%

HSV

57.4, 56.0%, 32.9%

CMYK

0.0%, 2.4%, 56.0%, 67.1%

OKLCH

0.4297 0.0649 106.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#545225

#252754

Analogous

#543A25

#3E5425

#545225

Triadic

#545225

#255452

#522554

Split Complementary

#545225

#253E54

#3A2554

Tetradic

#545225

#25543A

#252754

#54253E

Color Blindness Simulation

Original

#545225

Protanopia

#535330

Deuteranopia

#535332

Tritanopia

#54383A

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9E8CD
300
#DAD7AA
400
#C5C27C
500
#B1AD4E
600
#8E8A3E
700
#716F32
800
#585627
900
#414020
950
#292814

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026