#537256

#537256

Color Values

HEX

#537256

RGB

83, 114, 86

HSL

125.8, 15.7%, 38.6%

HSV

125.8, 27.2%, 44.7%

CMYK

27.2%, 0.0%, 24.6%, 55.3%

OKLCH

0.5197 0.0565 147.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#537256

#72536F

Analogous

#5F7253

#537265

#537256

Triadic

#537256

#565372

#725653

Split Complementary

#537256

#655372

#72535F

Tetradic

#537256

#535F72

#72536F

#726553

Color Blindness Simulation

Original

#537256

Protanopia

#60615D

Deuteranopia

#5F5C5E

Tritanopia

#556263

Achromatopsia

#696969

CSS Usage

background-color: #537256;
color: #537256;
border-color: #537256;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F8F7
100
#EBF0EB
200
#D6E1D7
300
#B8CBBA
400
#92AF95
500
#6B946F
600
#567659
700
#455E47
800
#364A38
900
#2A372B
950
#1A231B

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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