#52C596

#52C596

Color Values

HEX

#52C596

RGB

82, 197, 150

HSL

155.5, 49.8%, 54.7%

HSV

155.5, 58.4%, 77.3%

CMYK

58.4%, 0.0%, 23.9%, 22.7%

OKLCH

0.7447 0.1258 163.5

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#52C596

#C55281

Analogous

#52C55D

#52BAC5

#52C596

Triadic

#52C596

#9652C5

#C59652

Split Complementary

#52C596

#C552BA

#C55D52

Tetradic

#52C596

#5D52C5

#C55281

#BAC552

Color Blindness Simulation

Original

#52C596

Protanopia

#8485A1

Deuteranopia

#7D74A4

Tritanopia

#58AAAC

Achromatopsia

#A9A9A9

CSS Usage

background-color: #52C596;
color: #52C596;
border-color: #52C596;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDDF
300
#A3E0C7
400
#72D0A9
500
#40BF8B
600
#33996F
700
#297A59
800
#205F46
900
#1B4634
950
#112C21

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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