#52F69D

#52F69D

Color Values

HEX

#52F69D

RGB

82, 246, 157

HSL

147.4, 90.1%, 64.3%

HSV

147.4, 66.7%, 96.5%

CMYK

66.7%, 0.0%, 36.2%, 3.5%

OKLCH

0.8672 0.1842 155.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#52F69D

#F652AB

Analogous

#59F652

#52F6EF

#52F69D

Triadic

#52F69D

#9D52F6

#F69D52

Split Complementary

#52F69D

#EF52F6

#F65259

Tetradic

#52F69D

#5259F6

#F652AB

#F6EF52

Color Blindness Simulation

Original

#52F69D

Protanopia

#999AB3

Deuteranopia

#9083B8

Tritanopia

#5AC4C7

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BBFBD9
300
#8BF9BD
400
#4CF699
500
#0DF276
600
#0AC25E
700
#089B4B
800
#06793B
900
#09582D
950
#06371C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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