#537730

#537730

Color Values

HEX

#537730

RGB

83, 119, 48

HSL

90.4, 42.5%, 32.7%

HSV

90.4, 59.7%, 46.7%

CMYK

30.3%, 0.0%, 59.7%, 53.3%

OKLCH

0.5254 0.1079 131.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#537730

#543077

Analogous

#767730

#307730

#537730

Triadic

#537730

#305377

#773053

Split Complementary

#537730

#303077

#773076

Tetradic

#537730

#307677

#543077

#773030

Color Blindness Simulation

Original

#537730

Protanopia

#636341

Deuteranopia

#605E45

Tritanopia

#554F52

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DBEACC
300
#C1DCA8
400
#A0C979
500
#7FB649
600
#65913B
700
#51742F
800
#3F5B25
900
#30431E
950
#1E2A13

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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