#059C9C

#059C9C

Color Values

HEX

#059C9C

RGB

5, 156, 156

HSL

180.0, 93.8%, 31.6%

HSV

180.0, 96.8%, 61.2%

CMYK

96.8%, 0.0%, 0.0%, 38.8%

OKLCH

0.6276 0.1064 194.8

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#059C9C

#9C0505

Analogous

#059C51

#05519C

#059C9C

Triadic

#059C9C

#9C059C

#9C9C05

Split Complementary

#059C9C

#9C0551

#9C5105

Tetradic

#059C9C

#51059C

#9C0505

#519C05

Color Blindness Simulation

Original

#059C9C

Protanopia

#46489C

Deuteranopia

#3E329C

Tritanopia

#0D9C9C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FBFB
400
#48F9F9
500
#08F7F7
600
#06C6C6
700
#059E9E
800
#047C7C
900
#085959
950
#053838

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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