#53AC97

#53AC97

Color Values

HEX

#53AC97

RGB

83, 172, 151

HSL

165.8, 34.9%, 50.0%

HSV

165.8, 51.7%, 67.5%

CMYK

51.7%, 0.0%, 12.2%, 32.5%

OKLCH

0.6835 0.0918 175.9

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#53AC97

#AC5368

Analogous

#53AC6A

#5395AC

#53AC97

Triadic

#53AC97

#9753AC

#AC9753

Split Complementary

#53AC97

#AC5395

#AC6A53

Tetradic

#53AC97

#6A53AC

#AC5368

#95AC53

Color Blindness Simulation

Original

#53AC97

Protanopia

#7A7A9C

Deuteranopia

#746E9D

Tritanopia

#57A0A1

Achromatopsia

#989898

CSS Usage

background-color: #53AC97;
color: #53AC97;
border-color: #53AC97;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E8F2F0
200
#CFE8E2
300
#ACD7CD
400
#80C2B2
500
#53AC97
600
#428A79
700
#356E61
800
#2A564B
900
#214038
950
#152824

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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