#52AA63

#52AA63

Color Values

HEX

#52AA63

RGB

82, 170, 99

HSL

131.6, 34.9%, 49.4%

HSV

131.6, 51.8%, 66.7%

CMYK

51.8%, 0.0%, 41.8%, 33.3%

OKLCH

0.6655 0.1344 148.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#52AA63

#AA5299

Analogous

#6DAA52

#52AA8F

#52AA63

Triadic

#52AA63

#6352AA

#AA6352

Split Complementary

#52AA63

#8F52AA

#AA526D

Tetradic

#52AA63

#526DAA

#AA5299

#AA8F52

Color Blindness Simulation

Original

#52AA63

Protanopia

#787974

Deuteranopia

#736C78

Tritanopia

#568285

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE8D4
300
#ACD7B5
400
#80C28C
500
#53AC64
600
#428A50
700
#356E40
800
#2A5632
900
#214027
950
#152819

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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