#537323

#537323

Color Values

HEX

#537323

RGB

83, 115, 35

HSL

84.0, 53.3%, 29.4%

HSV

84.0, 69.6%, 45.1%

CMYK

27.8%, 0.0%, 69.6%, 54.9%

OKLCH

0.5135 0.1136 128.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#537323

#432373

Analogous

#736B23

#2B7323

#537323

Triadic

#537323

#235373

#732353

Split Complementary

#537323

#232B73

#6B2373

Tetradic

#537323

#23736B

#432373

#73232B

Color Blindness Simulation

Original

#537323

Protanopia

#616136

Deuteranopia

#5F5D3B

Tritanopia

#554649

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEEC8
300
#C8E2A1
400
#ABD36E
500
#8DC33C
600
#719C30
700
#5A7D26
800
#47621E
900
#354819
950
#222D10

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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