#52C150

#52C150

Color Values

HEX

#52C150

RGB

82, 193, 80

HSL

118.9, 47.7%, 53.5%

HSV

118.9, 58.5%, 75.7%

CMYK

57.5%, 0.0%, 58.5%, 24.3%

OKLCH

0.7218 0.1835 143.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#52C150

#BF50C1

Analogous

#8AC150

#50C186

#52C150

Triadic

#52C150

#5052C1

#C15052

Split Complementary

#52C150

#8650C1

#C1508A

Tetradic

#52C150

#508AC1

#BF50C1

#C18650

Color Blindness Simulation

Original

#52C150

Protanopia

#82836B

Deuteranopia

#7C7372

Tritanopia

#588186

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CBECCA
300
#A6DFA5
400
#75CE74
500
#45BC43
600
#379735
700
#2C792B
800
#225E21
900
#1C451C
950
#122C11

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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