#52A39B

#52A39B

Color Values

HEX

#52A39B

RGB

82, 163, 155

HSL

174.1, 33.1%, 48.0%

HSV

174.1, 49.7%, 63.9%

CMYK

49.7%, 0.0%, 4.9%, 36.1%

OKLCH

0.6621 0.0805 187.0

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#52A39B

#A3525A

Analogous

#52A372

#5282A3

#52A39B

Triadic

#52A39B

#9B52A3

#A39B52

Split Complementary

#52A39B

#A35282

#A37252

Tetradic

#52A39B

#7252A3

#A3525A

#82A352

Color Blindness Simulation

Original

#52A39B

Protanopia

#75769D

Deuteranopia

#706A9D

Tritanopia

#569E9F

Achromatopsia

#919191

CSS Usage

background-color: #52A39B;
color: #52A39B;
border-color: #52A39B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE7E5
300
#AED6D2
400
#81C0BA
500
#55AAA1
600
#448881
700
#376D67
800
#2B5551
900
#223F3C
950
#152826

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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