#52D551

#52D551

Color Values

HEX

#52D551

RGB

82, 213, 81

HSL

119.5, 61.1%, 57.6%

HSV

119.5, 62.0%, 83.5%

CMYK

61.5%, 0.0%, 62.0%, 16.5%

OKLCH

0.7732 0.2076 143.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#52D551

#D451D5

Analogous

#94D551

#51D592

#52D551

Triadic

#52D551

#5152D5

#D55152

Split Complementary

#52D551

#9251D5

#D55194

Tetradic

#52D551

#5194D5

#D451D5

#D59251

Color Blindness Simulation

Original

#52D551

Protanopia

#8B8C71

Deuteranopia

#837979

Tritanopia

#598A90

Achromatopsia

#B0B0B0

CSS Usage

background-color: #52D551;
color: #52D551;
border-color: #52D551;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FBF3
100
#E4F6E4
200
#C6F1C5
300
#9DE79C
400
#68DA67
500
#33CD32
600
#29A428
700
#218320
800
#196719
900
#164B16
950
#0E2F0E

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026