#52AD78

#52AD78

Color Values

HEX

#52AD78

RGB

82, 173, 120

HSL

145.1, 35.7%, 50.0%

HSV

145.1, 52.6%, 67.8%

CMYK

52.6%, 0.0%, 30.6%, 32.2%

OKLCH

0.6775 0.1183 155.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#52AD78

#AD5287

Analogous

#59AD52

#52ADA6

#52AD78

Triadic

#52AD78

#7852AD

#AD7852

Split Complementary

#52AD78

#A652AD

#AD5259

Tetradic

#52AD78

#5259AD

#AD5287

#ADA652

Color Blindness Simulation

Original

#52AD78

Protanopia

#797A85

Deuteranopia

#746D88

Tritanopia

#578F91

Achromatopsia

#969696

CSS Usage

background-color: #52AD78;
color: #52AD78;
border-color: #52AD78;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CFE8D9
300
#ACD8BE
400
#7FC29B
500
#52AD78
600
#428A60
700
#346F4D
800
#29573C
900
#21402E
950
#15281D

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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