#059B97

#059B97

Color Values

HEX

#059B97

RGB

5, 155, 151

HSL

178.4, 93.7%, 31.4%

HSV

178.4, 96.8%, 60.8%

CMYK

96.8%, 0.0%, 2.6%, 39.2%

OKLCH

0.6232 0.1064 191.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#059B97

#9B0509

Analogous

#059B4C

#05549B

#059B97

Triadic

#059B97

#97059B

#9B9705

Split Complementary

#059B97

#9B0554

#9B4C05

Tetradic

#059B97

#4C059B

#9B0509

#549B05

Color Blindness Simulation

Original

#059B97

Protanopia

#464798

Deuteranopia

#3D3298

Tritanopia

#0C9999

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFB
300
#88FBF8
400
#48F9F4
500
#08F7F1
600
#06C6C0
700
#059E9A
800
#047B78
900
#085957
950
#053837

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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