#52EEB0

#52EEB0

Color Values

HEX

#52EEB0

RGB

82, 238, 176

HSL

156.2, 82.1%, 62.7%

HSV

156.2, 65.5%, 93.3%

CMYK

65.5%, 0.0%, 26.1%, 6.7%

OKLCH

0.8517 0.158 162.9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#52EEB0

#EE5290

Analogous

#52EE62

#52DEEE

#52EEB0

Triadic

#52EEB0

#B052EE

#EEB052

Split Complementary

#52EEB0

#EE52DE

#EE6252

Tetradic

#52EEB0

#6252EE

#EE5290

#DEEE52

Color Blindness Simulation

Original

#52EEB0

Protanopia

#9697BF

Deuteranopia

#8C81C3

Tritanopia

#5ACBCD

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAF0
200
#BEF9E1
300
#90F4CC
400
#53EEB1
500
#17E895
600
#12BA77
700
#0F955F
800
#0B744B
900
#0D5438
950
#083523

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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