#52AC5A

#52AC5A

Color Values

HEX

#52AC5A

RGB

82, 172, 90

HSL

125.3, 35.4%, 49.8%

HSV

125.3, 52.3%, 67.5%

CMYK

52.3%, 0.0%, 47.7%, 32.5%

OKLCH

0.6691 0.1461 145.5

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#52AC5A

#AC52A4

Analogous

#77AC52

#52AC87

#52AC5A

Triadic

#52AC5A

#5A52AC

#AC5A52

Split Complementary

#52AC5A

#8752AC

#AC5277

Tetradic

#52AC5A

#5277AC

#AC52A4

#AC8752

Color Blindness Simulation

Original

#52AC5A

Protanopia

#797A6E

Deuteranopia

#746D73

Tritanopia

#567E81

Achromatopsia

#939393

CSS Usage

background-color: #52AC5A;
color: #52AC5A;
border-color: #52AC5A;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F3E9
200
#CFE8D1
300
#ACD7B0
400
#7FC285
500
#52AD5A
600
#428A48
700
#356E3A
800
#29562D
900
#214024
950
#152817

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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