#52AB4F

#52AB4F

Color Values

HEX

#52AB4F

RGB

82, 171, 79

HSL

118.0, 36.8%, 49.0%

HSV

118.0, 53.8%, 67.1%

CMYK

52.0%, 0.0%, 53.8%, 32.9%

OKLCH

0.6649 0.155 143.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#52AB4F

#A84FAB

Analogous

#80AB4F

#4FAB7A

#52AB4F

Triadic

#52AB4F

#4F52AB

#AB4F52

Split Complementary

#52AB4F

#7A4FAB

#AB4F80

Tetradic

#52AB4F

#4F80AB

#A84FAB

#AB7A4F

Color Blindness Simulation

Original

#52AB4F

Protanopia

#797965

Deuteranopia

#736D6B

Tritanopia

#56777B

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CE
300
#ADD8AB
400
#80C37E
500
#54AE51
600
#438C40
700
#367034
800
#2A5728
900
#214020
950
#152914

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026