#58ADA8

#58ADA8

Color Values

HEX

#58ADA8

RGB

88, 173, 168

HSL

176.5, 34.1%, 51.2%

HSV

176.5, 49.1%, 67.8%

CMYK

49.1%, 0.0%, 2.9%, 32.2%

OKLCH

0.6933 0.083 190.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#58ADA8

#AD585D

Analogous

#58AD7E

#5888AD

#58ADA8

Triadic

#58ADA8

#A858AD

#ADA858

Split Complementary

#58ADA8

#AD5888

#AD7E58

Tetradic

#58ADA8

#7E58AD

#AD585D

#88AD58

Color Blindness Simulation

Original

#58ADA8

Protanopia

#7D7EA9

Deuteranopia

#7872AA

Tritanopia

#5CAAAA

Achromatopsia

#9B9B9B

CSS Usage

background-color: #58ADA8;
color: #58ADA8;
border-color: #58ADA8;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D4
400
#80C1BD
500
#54ABA6
600
#438985
700
#366D6A
800
#2A5553
900
#223F3E
950
#152827

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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