#537C55

#537C55

Color Values

HEX

#537C55

RGB

83, 124, 85

HSL

122.9, 19.8%, 40.6%

HSV

122.9, 33.1%, 48.6%

CMYK

33.1%, 0.0%, 31.5%, 51.4%

OKLCH

0.5449 0.0754 145.6

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#537C55

#7C537A

Analogous

#667C53

#537C6A

#537C55

Triadic

#537C55

#55537C

#7C5553

Split Complementary

#537C55

#6A537C

#7C5366

Tetradic

#537C55

#53667C

#7C537A

#7C6A53

Color Blindness Simulation

Original

#537C55

Protanopia

#65655E

Deuteranopia

#625F61

Tritanopia

#556668

Achromatopsia

#707070

CSS Usage

background-color: #537C55;
color: #537C55;
border-color: #537C55;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E2D5
300
#B6CEB7
400
#8EB390
500
#669969
600
#527A54
700
#416243
800
#334C34
900
#283929
950
#19241A

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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