#5DA7A2

#5DA7A2

Color Values

HEX

#5DA7A2

RGB

93, 167, 162

HSL

175.9, 29.6%, 51.0%

HSV

175.9, 44.3%, 65.5%

CMYK

44.3%, 0.0%, 3.0%, 34.5%

OKLCH

0.679 0.0746 189.9

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#5DA7A2

#A75D62

Analogous

#5DA77D

#5D87A7

#5DA7A2

Triadic

#5DA7A2

#A25DA7

#A7A25D

Split Complementary

#5DA7A2

#A75D87

#A77D5D

Tetradic

#5DA7A2

#7D5DA7

#A75D62

#87A75D

Color Blindness Simulation

Original

#5DA7A2

Protanopia

#7D7EA3

Deuteranopia

#7973A4

Tritanopia

#61A4A4

Achromatopsia

#979797

CSS Usage

background-color: #5DA7A2;
color: #5DA7A2;
border-color: #5DA7A2;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D4D1
400
#85BDB9
500
#5AA5A0
600
#488480
700
#396A66
800
#2D5350
900
#243D3C
950
#162726

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026