#52D99D

#52D99D

Color Values

HEX

#52D99D

RGB

82, 217, 157

HSL

153.3, 64.0%, 58.6%

HSV

153.3, 62.2%, 85.1%

CMYK

62.2%, 0.0%, 27.6%, 14.9%

OKLCH

0.7959 0.1466 160.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#52D99D

#D9528E

Analogous

#52D959

#52D2D9

#52D99D

Triadic

#52D99D

#9D52D9

#D99D52

Split Complementary

#52D99D

#D952D2

#D95952

Tetradic

#52D99D

#5952D9

#D9528E

#D2D952

Color Blindness Simulation

Original

#52D99D

Protanopia

#8C8EAC

Deuteranopia

#857AAF

Tritanopia

#59B7BA

Achromatopsia

#B8B8B8

CSS Usage

background-color: #52D99D;
color: #52D99D;
border-color: #52D99D;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F2DE
300
#9BE9C6
400
#64DDA7
500
#2ED188
600
#25A76D
700
#1D8657
800
#176944
900
#154C34
950
#0D3021

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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