#537F26

#537F26

Color Values

HEX

#537F26

RGB

83, 127, 38

HSL

89.7, 53.9%, 32.4%

HSV

89.7, 70.1%, 49.8%

CMYK

34.6%, 0.0%, 70.1%, 50.2%

OKLCH

0.5454 0.128 132.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#537F26

#52267F

Analogous

#7F7F26

#277F26

#537F26

Triadic

#537F26

#26537F

#7F2653

Split Complementary

#537F26

#26277F

#7F267F

Tetradic

#537F26

#267F7F

#52267F

#7F2627

Color Blindness Simulation

Original

#537F26

Protanopia

#66663C

Deuteranopia

#646041

Tritanopia

#554D50

Achromatopsia

#6F6F6F

CSS Usage

background-color: #537F26;
color: #537F26;
border-color: #537F26;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEFC8
300
#C2E3A1
400
#A1D46E
500
#80C43B
600
#679D2F
700
#527E26
800
#40621D
900
#314819
950
#1F2D10

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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