#537532

#537532

Color Values

HEX

#537532

RGB

83, 117, 50

HSL

90.4, 40.1%, 32.7%

HSV

90.4, 57.3%, 45.9%

CMYK

29.1%, 0.0%, 57.3%, 54.1%

OKLCH

0.5205 0.1029 131.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#537532

#543275

Analogous

#747532

#327532

#537532

Triadic

#537532

#325375

#753253

Split Complementary

#537532

#323275

#753274

Tetradic

#537532

#327475

#543275

#753232

Color Blindness Simulation

Original

#537532

Protanopia

#626242

Deuteranopia

#605D46

Tritanopia

#554F52

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DBEACD
300
#C1DAA9
400
#A0C67B
500
#7FB34C
600
#658F3D
700
#517231
800
#3F5926
900
#30421F
950
#1E2A14

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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