#52AB89

#52AB89

Color Values

HEX

#52AB89

RGB

82, 171, 137

HSL

157.1, 35.2%, 49.6%

HSV

157.1, 52.0%, 67.1%

CMYK

52.0%, 0.0%, 19.9%, 32.9%

OKLCH

0.6766 0.1006 166.0

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#52AB89

#AB5274

Analogous

#52AB5C

#52A0AB

#52AB89

Triadic

#52AB89

#8952AB

#AB8952

Split Complementary

#52AB89

#AB52A0

#AB5C52

Tetradic

#52AB89

#5C52AB

#AB5274

#A0AB52

Color Blindness Simulation

Original

#52AB89

Protanopia

#797991

Deuteranopia

#736D93

Tritanopia

#569899

Achromatopsia

#969696

CSS Usage

background-color: #52AB89;
color: #52AB89;
border-color: #52AB89;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ACD7C7
400
#7FC2A9
500
#53AC8A
600
#428A6E
700
#356E58
800
#295645
900
#214034
950
#152821

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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