#058482

#058482

Color Values

HEX

#058482

RGB

5, 132, 130

HSL

179.1, 92.7%, 26.9%

HSV

179.1, 96.2%, 51.8%

CMYK

96.2%, 0.0%, 1.5%, 48.2%

OKLCH

0.555 0.0942 192.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#058482

#840507

Analogous

#058443

#054784

#058482

Triadic

#058482

#820584

#848205

Split Complementary

#058482

#840547

#844305

Tetradic

#058482

#430584

#840507

#478405

Color Blindness Simulation

Original

#058482

Protanopia

#3C3D82

Deuteranopia

#352B83

Tritanopia

#0B8383

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFB
300
#89FBF9
400
#49F8F5
500
#09F6F2
600
#07C5C2
700
#069D9B
800
#057B79
900
#085958
950
#053837

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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