#52ECAF

#52ECAF

Color Values

HEX

#52ECAF

RGB

82, 236, 175

HSL

156.2, 80.2%, 62.4%

HSV

156.2, 65.3%, 92.5%

CMYK

65.3%, 0.0%, 25.8%, 7.5%

OKLCH

0.8466 0.1563 163.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#52ECAF

#EC528F

Analogous

#52EC62

#52DCEC

#52ECAF

Triadic

#52ECAF

#AF52EC

#ECAF52

Split Complementary

#52ECAF

#EC52DC

#EC6252

Tetradic

#52ECAF

#6252EC

#EC528F

#DCEC52

Color Blindness Simulation

Original

#52ECAF

Protanopia

#9596BE

Deuteranopia

#8C80C1

Tritanopia

#5AC9CC

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1F9F0
200
#BFF8E1
300
#91F3CC
400
#55ECB0
500
#19E695
600
#14B877
700
#10935F
800
#0D734A
900
#0D5338
950
#093523

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026