#537322

#537322

Color Values

HEX

#537322

RGB

83, 115, 34

HSL

83.7, 54.4%, 29.2%

HSV

83.7, 70.4%, 45.1%

CMYK

27.8%, 0.0%, 70.4%, 54.9%

OKLCH

0.5134 0.1143 128.5

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#537322

#422273

Analogous

#736A22

#2A7322

#537322

Triadic

#537322

#225373

#732253

Split Complementary

#537322

#222A73

#6A2273

Tetradic

#537322

#22736A

#422273

#73222A

Color Blindness Simulation

Original

#537322

Protanopia

#616136

Deuteranopia

#5F5D3A

Tritanopia

#554548

Achromatopsia

#666666

CSS Usage

background-color: #537322;
color: #537322;
border-color: #537322;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEFC8
300
#C9E3A1
400
#ABD46D
500
#8EC53A
600
#729D2F
700
#5B7E25
800
#47621D
900
#354819
950
#222E10

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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