#52F0CC

#52F0CC

Color Values

HEX

#52F0CC

RGB

82, 240, 204

HSL

166.3, 84.0%, 63.1%

HSV

166.3, 65.8%, 94.1%

CMYK

65.8%, 0.0%, 15.0%, 5.9%

OKLCH

0.8636 0.141 174.5

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#52F0CC

#F05276

Analogous

#52F07D

#52C5F0

#52F0CC

Triadic

#52F0CC

#CC52F0

#F0CC52

Split Complementary

#52F0CC

#F052C5

#F07D52

Tetradic

#52F0CC

#7D52F0

#F05276

#C5F052

Color Blindness Simulation

Original

#52F0CC

Protanopia

#9698D5

Deuteranopia

#8D81D7

Tritanopia

#5ADCDD

Achromatopsia

#CCCCCC

CSS Usage

background-color: #52F0CC;
color: #52F0CC;
border-color: #52F0CC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFA
100
#E0FAF4
200
#BDF9EC
300
#8EF5DE
400
#51F0CC
500
#14EBBA
600
#10BC95
700
#0D9677
800
#0A755D
900
#0C5544
950
#07362B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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