#058481

#058481

Color Values

HEX

#058481

RGB

5, 132, 129

HSL

178.6, 92.7%, 26.9%

HSV

178.6, 96.2%, 51.8%

CMYK

96.2%, 0.0%, 2.3%, 48.2%

OKLCH

0.5546 0.0943 192.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#058481

#840508

Analogous

#058442

#054884

#058481

Triadic

#058481

#810584

#848105

Split Complementary

#058481

#840548

#844205

Tetradic

#058481

#420584

#840508

#488405

Color Blindness Simulation

Original

#058481

Protanopia

#3C3D82

Deuteranopia

#352B82

Tritanopia

#0B8282

Achromatopsia

#696969

CSS Usage

background-color: #058481;
color: #058481;
border-color: #058481;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFB
300
#89FBF8
400
#49F8F4
500
#09F6F0
600
#07C5C0
700
#069D9A
800
#057B78
900
#085957
950
#053837

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

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