#058C89

#058C89

Color Values

HEX

#058C89

RGB

5, 140, 137

HSL

178.7, 93.1%, 28.4%

HSV

178.7, 96.4%, 54.9%

CMYK

96.4%, 0.0%, 2.1%, 45.1%

OKLCH

0.5788 0.0985 192.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#058C89

#8C0508

Analogous

#058C45

#054B8C

#058C89

Triadic

#058C89

#89058C

#8C8905

Split Complementary

#058C89

#8C054B

#8C4505

Tetradic

#058C89

#45058C

#8C0508

#4B8C05

Color Blindness Simulation

Original

#058C89

Protanopia

#3F418A

Deuteranopia

#382E8A

Tritanopia

#0C8A8A

Achromatopsia

#6F6F6F

CSS Usage

background-color: #058C89;
color: #058C89;
border-color: #058C89;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFB
300
#89FBF8
400
#49F8F5
500
#09F6F1
600
#07C5C1
700
#069E9A
800
#047B79
900
#085957
950
#053837

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026