#52B284

#52B284

Color Values

HEX

#52B284

RGB

82, 178, 132

HSL

151.2, 38.4%, 51.0%

HSV

151.2, 53.9%, 69.8%

CMYK

53.9%, 0.0%, 25.8%, 30.2%

OKLCH

0.6929 0.1146 160.4

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#52B284

#B25280

Analogous

#52B254

#52B0B2

#52B284

Triadic

#52B284

#8452B2

#B28452

Split Complementary

#52B284

#B252B0

#B25452

Tetradic

#52B284

#5452B2

#B25280

#B0B252

Color Blindness Simulation

Original

#52B284

Protanopia

#7C7C8F

Deuteranopia

#766F92

Tritanopia

#57989A

Achromatopsia

#9A9A9A

CSS Usage

background-color: #52B284;
color: #52B284;
border-color: #52B284;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#AAD9C3
400
#7CC5A2
500
#4FB081
600
#3F8D68
700
#327153
800
#275841
900
#204131
950
#14291F

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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