#52AD66

#52AD66

Color Values

HEX

#52AD66

RGB

82, 173, 102

HSL

133.2, 35.7%, 50.0%

HSV

133.2, 52.6%, 67.8%

CMYK

52.6%, 0.0%, 41.0%, 32.2%

OKLCH

0.6738 0.1358 148.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#52AD66

#AD5299

Analogous

#6BAD52

#52AD94

#52AD66

Triadic

#52AD66

#6652AD

#AD6652

Split Complementary

#52AD66

#9452AD

#AD526B

Tetradic

#52AD66

#526BAD

#AD5299

#AD9452

Color Blindness Simulation

Original

#52AD66

Protanopia

#797A77

Deuteranopia

#746D7B

Tritanopia

#578588

Achromatopsia

#959595

CSS Usage

background-color: #52AD66;
color: #52AD66;
border-color: #52AD66;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CFE8D4
300
#ACD8B6
400
#7FC28E
500
#52AD66
600
#428A52
700
#346F41
800
#295733
900
#214028
950
#152819

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

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