#52A97D

#52A97D

Color Values

HEX

#52A97D

RGB

82, 169, 125

HSL

149.7, 34.7%, 49.2%

HSV

149.7, 51.5%, 66.3%

CMYK

51.5%, 0.0%, 26.0%, 33.7%

OKLCH

0.6685 0.1078 159.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#52A97D

#A9527E

Analogous

#52A952

#52A9A9

#52A97D

Triadic

#52A97D

#7D52A9

#A97D52

Split Complementary

#52A97D

#A952A9

#A95252

Tetradic

#52A97D

#5252A9

#A9527E

#A9A952

Color Blindness Simulation

Original

#52A97D

Protanopia

#787888

Deuteranopia

#736C8A

Tritanopia

#569092

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE8DB
300
#ADD7C2
400
#80C1A0
500
#53AC7F
600
#438966
700
#356E51
800
#2A5640
900
#214030
950
#15281F

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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