#52F0C5

#52F0C5

Color Values

HEX

#52F0C5

RGB

82, 240, 197

HSL

163.7, 84.0%, 63.1%

HSV

163.7, 65.8%, 94.1%

CMYK

65.8%, 0.0%, 17.9%, 5.9%

OKLCH

0.8617 0.1453 171.1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#52F0C5

#F0527D

Analogous

#52F076

#52CCF0

#52F0C5

Triadic

#52F0C5

#C552F0

#F0C552

Split Complementary

#52F0C5

#F052CC

#F07652

Tetradic

#52F0C5

#7652F0

#F0527D

#CCF052

Color Blindness Simulation

Original

#52F0C5

Protanopia

#9698CF

Deuteranopia

#8D81D2

Tritanopia

#5AD8D9

Achromatopsia

#CBCBCB

CSS Usage

background-color: #52F0C5;
color: #52F0C5;
border-color: #52F0C5;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDF9E9
300
#8EF5D9
400
#51F0C5
500
#14EBB0
600
#10BC8D
700
#0D9671
800
#0A7558
900
#0C5541
950
#073629

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026