#537337

#537337

Color Values

HEX

#537337

RGB

83, 115, 55

HSL

92,0, 35,3%, 33,3%

HSV

92,0, 52,2%, 45,1%

CMYK

27,8%, 0,0%, 52,2%, 54,9%

OKLCH

0,516 0,0946 132,0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#537337

#573773

Analogous

#717337

#377339

#537337

Triadic

#537337

#375373

#733753

Split Complementary

#537337

#393773

#733771

Tetradic

#537337

#377173

#573773

#733937

Color Blindness Simulation

Original

#537337

Protanopia

#616146

Deuteranopia

#5F5D49

Tritanopia

#555154

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DAE8CF
300
#C0D7AC
400
#9EC27F
500
#7CAD52
600
#648A42
700
#506E35
800
#3E5629
900
#2F4021
950
#1E2815

Contrast Checker

Text on white

5,42:1

AA Pass AAA Fail

Text on black

3,88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026