#52A280

#52A280

Color Values

HEX

#52A280

RGB

82, 162, 128

HSL

154.5, 32.8%, 47.8%

HSV

154.5, 49.4%, 63.5%

CMYK

49.4%, 0.0%, 21.0%, 36.5%

OKLCH

0.6517 0.095 164.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#52A280

#A25274

Analogous

#52A258

#529CA2

#52A280

Triadic

#52A280

#8052A2

#A28052

Split Complementary

#52A280

#A2529C

#A25852

Tetradic

#52A280

#5852A2

#A25274

#9CA252

Color Blindness Simulation

Original

#52A280

Protanopia

#757588

Deuteranopia

#706A8A

Tritanopia

#568F90

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DD
300
#AED6C5
400
#82C0A5
500
#56A986
600
#45876B
700
#376C56
800
#2B5543
900
#223F33
950
#162820

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026