#52FAF3

#52FAF3

Color Values

HEX

#52FAF3

RGB

82, 250, 243

HSL

177.5, 94.4%, 65.1%

HSV

177.5, 67.2%, 98.0%

CMYK

67.2%, 0.0%, 2.8%, 2.0%

OKLCH

0.8988 0.1357 191.0

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#52FAF3

#FA5259

Analogous

#52FA9F

#52ADFA

#52FAF3

Triadic

#52FAF3

#F352FA

#FAF352

Split Complementary

#52FAF3

#FA52AD

#FA9F52

Tetradic

#52FAF3

#9F52FA

#FA5259

#ADFA52

Color Blindness Simulation

Original

#52FAF3

Protanopia

#9B9CF5

Deuteranopia

#9184F5

Tritanopia

#5AF6F6

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDFA
300
#88FCF7
400
#48FAF2
500
#07F8EE
600
#06C6BE
700
#059F98
800
#047C77
900
#075A56
950
#053936

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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