#537C30

#537C30

Color Values

HEX

#537C30

RGB

83, 124, 48

HSL

92.4, 44.2%, 33.7%

HSV

92.4, 61.3%, 48.6%

CMYK

33.1%, 0.0%, 61.3%, 51.4%

OKLCH

0.5385 0.1154 132.8

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#537C30

#59307C

Analogous

#797C30

#307C33

#537C30

Triadic

#537C30

#30537C

#7C3053

Split Complementary

#537C30

#33307C

#7C3079

Tetradic

#537C30

#30797C

#59307C

#7C3330

Color Blindness Simulation

Original

#537C30

Protanopia

#656542

Deuteranopia

#625F47

Tritanopia

#555154

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DAEBCC
300
#C0DDA7
400
#9DCA77
500
#7BB847
600
#629339
700
#4F762E
800
#3D5C24
900
#2F441D
950
#1E2B12

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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