#52B55C

#52B55C

Color Values

HEX

#52B55C

RGB

82, 181, 92

HSL

126.1, 40.1%, 51.6%

HSV

126.1, 54.7%, 71.0%

CMYK

54.7%, 0.0%, 49.2%, 29.0%

OKLCH

0.6926 0.1569 145.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#52B55C

#B552AB

Analogous

#7AB552

#52B58E

#52B55C

Triadic

#52B55C

#5C52B5

#B55C52

Split Complementary

#52B55C

#8E52B5

#B5527A

Tetradic

#52B55C

#527AB5

#B552AB

#B58E52

Color Blindness Simulation

Original

#52B55C

Protanopia

#7D7E72

Deuteranopia

#777077

Tritanopia

#578386

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A9DAAE
400
#7BC683
500
#4CB357
600
#3D8F45
700
#317238
800
#26592B
900
#1F4223
950
#142A16

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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