#537635

#537635

Color Values

HEX

#537635

RGB

83, 118, 53

HSL

92.3, 38.0%, 33.5%

HSV

92.3, 55.1%, 46.3%

CMYK

29.7%, 0.0%, 55.1%, 53.7%

OKLCH

0.5235 0.1014 132.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#537635

#583576

Analogous

#737635

#357637

#537635

Triadic

#537635

#355376

#763553

Split Complementary

#537635

#373576

#763573

Tetradic

#537635

#357376

#583576

#763735

Color Blindness Simulation

Original

#537635

Protanopia

#626245

Deuteranopia

#605E48

Tritanopia

#555154

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAE9CE
300
#C0D9AB
400
#9EC57D
500
#7CB04F
600
#638D3F
700
#4F7133
800
#3E5828
900
#2F4120
950
#1E2914

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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