#52A358

#52A358

Color Values

HEX

#52A358

RGB

82, 163, 88

HSL

124.4, 33.1%, 48.0%

HSV

124.4, 49.7%, 63.9%

CMYK

49.7%, 0.0%, 46.0%, 36.1%

OKLCH

0.6456 0.135 145.3

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#52A358

#A3529D

Analogous

#74A352

#52A380

#52A358

Triadic

#52A358

#5852A3

#A35852

Split Complementary

#52A358

#8052A3

#A35274

Tetradic

#52A358

#5274A3

#A3529D

#A38052

Color Blindness Simulation

Original

#52A358

Protanopia

#75766A

Deuteranopia

#706A6E

Tritanopia

#56787C

Achromatopsia

#8C8C8C

CSS Usage

background-color: #52A358;
color: #52A358;
border-color: #52A358;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE7D1
300
#AED6B1
400
#81C086
500
#55AA5B
600
#448849
700
#376D3B
800
#2B552E
900
#223F24
950
#152817

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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