#537D66

#537D66

Color Values

HEX

#537D66

RGB

83, 125, 102

HSL

147.1, 20.2%, 40.8%

HSV

147.1, 33.6%, 49.0%

CMYK

33.6%, 0.0%, 18.4%, 51.0%

OKLCH

0.5518 0.0591 159.7

Properties

Cool Dark Nearest: Wintergreen Dream

Color Harmonies

Complementary

#537D66

#7D536A

Analogous

#557D53

#537D7B

#537D66

Triadic

#537D66

#66537D

#7D6653

Split Complementary

#537D66

#7B537D

#7D5355

Tetradic

#537D66

#53557D

#7D536A

#7D7B53

Color Blindness Simulation

Original

#537D66

Protanopia

#65666C

Deuteranopia

#63606D

Tritanopia

#557071

Achromatopsia

#727272

CSS Usage

background-color: #537D66;
color: #537D66;
border-color: #537D66;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E3DB
300
#B5CEC1
400
#8EB49F
500
#66997D
600
#517B64
700
#416250
800
#334D3F
900
#283930
950
#19241E

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026