#52A375

#52A375

Color Values

HEX

#52A375

RGB

82, 163, 117

HSL

145.9, 33.1%, 48.0%

HSV

145.9, 49.7%, 63.9%

CMYK

49.7%, 0.0%, 28.2%, 36.1%

OKLCH

0.6514 0.1062 156.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#52A375

#A35280

Analogous

#57A352

#52A39D

#52A375

Triadic

#52A375

#7552A3

#A37552

Split Complementary

#52A375

#9D52A3

#A35257

Tetradic

#52A375

#5257A3

#A35280

#A39D52

Color Blindness Simulation

Original

#52A375

Protanopia

#757680

Deuteranopia

#706A83

Tritanopia

#56898B

Achromatopsia

#8E8E8E

CSS Usage

background-color: #52A375;
color: #52A375;
border-color: #52A375;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7DA
300
#AED6BF
400
#81C09C
500
#55AA7A
600
#448861
700
#376D4E
800
#2B553D
900
#223F2E
950
#15281D

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.85:1

AA Pass AAA Fail

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