#58B4AF

#58B4AF

Color Values

HEX

#58B4AF

RGB

88, 180, 175

HSL

176.7, 38.0%, 52.5%

HSV

176.7, 51.1%, 70.6%

CMYK

51.1%, 0.0%, 2.8%, 29.4%

OKLCH

0.7125 0.0881 190.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#58B4AF

#B4585D

Analogous

#58B481

#588BB4

#58B4AF

Triadic

#58B4AF

#AF58B4

#B4AF58

Split Complementary

#58B4AF

#B4588B

#B48158

Tetradic

#58B4AF

#8158B4

#B4585D

#8BB458

Color Blindness Simulation

Original

#58B4AF

Protanopia

#8081B0

Deuteranopia

#7A74B0

Tritanopia

#5DB1B1

Achromatopsia

#A0A0A0

CSS Usage

background-color: #58B4AF;
color: #58B4AF;
border-color: #58B4AF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CEE9E7
300
#ABD9D6
400
#7DC5C1
500
#4FB0AB
600
#3F8D88
700
#33716D
800
#285855
900
#20413F
950
#142928

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026