#52ED9F

#52ED9F

Color Values

HEX

#52ED9F

RGB

82, 237, 159

HSL

149.8, 81.2%, 62.5%

HSV

149.8, 65.4%, 92.9%

CMYK

65.4%, 0.0%, 32.9%, 7.1%

OKLCH

0.8455 0.1709 157.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#52ED9F

#ED52A0

Analogous

#52ED52

#52EDED

#52ED9F

Triadic

#52ED9F

#9F52ED

#ED9F52

Split Complementary

#52ED9F

#ED52ED

#ED5252

Tetradic

#52ED9F

#5252ED

#ED52A0

#EDED52

Color Blindness Simulation

Original

#52ED9F

Protanopia

#9596B2

Deuteranopia

#8C80B6

Tritanopia

#5AC1C4

Achromatopsia

#C6C6C6

CSS Usage

background-color: #52ED9F;
color: #52ED9F;
border-color: #52ED9F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E1F9ED
200
#BEF8DB
300
#90F3C1
400
#54EDA0
500
#18E77F
600
#13B965
700
#0F9451
800
#0C743F
900
#0D5430
950
#08351E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026