#059695

#059695

Color Values

HEX

#059695

RGB

5, 150, 149

HSL

179.6, 93.5%, 30.4%

HSV

179.6, 96.7%, 58.8%

CMYK

96.7%, 0.0%, 0.7%, 41.2%

OKLCH

0.6094 0.1034 193.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#059695

#960506

Analogous

#05964D

#054E96

#059695

Triadic

#059695

#950596

#969505

Split Complementary

#059695

#96054E

#964D05

Tetradic

#059695

#4D0596

#960506

#4E9605

Color Blindness Simulation

Original

#059695

Protanopia

#444595

Deuteranopia

#3B3095

Tritanopia

#0C9595

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFC
300
#89FBFA
400
#48F9F8
500
#08F7F5
600
#07C5C4
700
#059E9D
800
#047B7B
900
#085959
950
#053838

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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