#058680

#058680

Color Values

HEX

#058680

RGB

5, 134, 128

HSL

177.2, 92.8%, 27.3%

HSV

177.2, 96.3%, 52.5%

CMYK

96.3%, 0.0%, 4.5%, 47.5%

OKLCH

0.5596 0.096 189.2

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#058680

#86050B

Analogous

#058640

#054C86

#058680

Triadic

#058680

#800586

#868005

Split Complementary

#058680

#86054C

#864005

Tetradic

#058680

#400586

#86050B

#4C8605

Color Blindness Simulation

Original

#058680

Protanopia

#3D3E81

Deuteranopia

#352C82

Tritanopia

#0B8383

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCF9
300
#89FBF5
400
#49F8F0
500
#09F6EB
600
#07C5BC
700
#069D96
800
#057B75
900
#085955
950
#053836

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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