#52F0AF

#52F0AF

Color Values

HEX

#52F0AF

RGB

82, 240, 175

HSL

155,3, 84,0%, 63,1%

HSV

155,3, 65,8%, 94,1%

CMYK

65,8%, 0,0%, 27,1%, 5,9%

OKLCH

0,8563 0,1613 162,0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#52F0AF

#F05293

Analogous

#52F060

#52E2F0

#52F0AF

Triadic

#52F0AF

#AF52F0

#F0AF52

Split Complementary

#52F0AF

#F052E2

#F06052

Tetradic

#52F0AF

#6052F0

#F05293

#E2F052

Color Blindness Simulation

Original

#52F0AF

Protanopia

#9698BF

Deuteranopia

#8D81C2

Tritanopia

#5ACBCE

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDF9E1
300
#8EF5CB
400
#51F0AF
500
#14EB92
600
#10BC75
700
#0D965E
800
#0A7549
900
#0C5537
950
#073623

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,44: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