#52BD82

#52BD82

Color Values

HEX

#52BD82

RGB

82, 189, 130

HSL

146.9, 44.8%, 53.1%

HSV

146.9, 56.6%, 74.1%

CMYK

56.6%, 0.0%, 31.2%, 25.9%

OKLCH

0.7201 0.1321 156.5

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#52BD82

#BD528D

Analogous

#57BD52

#52BDB7

#52BD82

Triadic

#52BD82

#8252BD

#BD8252

Split Complementary

#52BD82

#B752BD

#BD5257

Tetradic

#52BD82

#5257BD

#BD528D

#BDB752

Color Blindness Simulation

Original

#52BD82

Protanopia

#808190

Deuteranopia

#7A7294

Tritanopia

#579C9E

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CBEBDA
300
#A6DDBF
400
#76CB9C
500
#46B97A
600
#389461
700
#2D764E
800
#235C3D
900
#1D442E
950
#122B1D

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026