#52A353

#52A353

Color Values

HEX

#52A353

RGB

82, 163, 83

HSL

120.7, 33.1%, 48.0%

HSV

120.7, 49.7%, 63.9%

CMYK

49.7%, 0.0%, 49.1%, 36.1%

OKLCH

0.6448 0.1399 144.0

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#52A353

#A352A2

Analogous

#79A352

#52A37B

#52A353

Triadic

#52A353

#5352A3

#A35352

Split Complementary

#52A353

#7B52A3

#A35279

Tetradic

#52A353

#5279A3

#A352A2

#A37B52

Color Blindness Simulation

Original

#52A353

Protanopia

#757666

Deuteranopia

#706A6B

Tritanopia

#567679

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE7D0
300
#AED6AE
400
#81C082
500
#55AA56
600
#448845
700
#376D37
800
#2B552B
900
#223F22
950
#152816

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

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