#059F80

#059F80

Color Values

HEX

#059F80

RGB

5, 159, 128

HSL

167.9, 93.9%, 32.2%

HSV

167.9, 96.9%, 62.4%

CMYK

96.9%, 0.0%, 19.5%, 37.6%

OKLCH

0.6263 0.1203 172.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#059F80

#9F0524

Analogous

#059F33

#05719F

#059F80

Triadic

#059F80

#80059F

#9F8005

Split Complementary

#059F80

#9F0571

#9F3305

Tetradic

#059F80

#33059F

#9F0524

#719F05

Color Blindness Simulation

Original

#059F80

Protanopia

#484987

Deuteranopia

#3F3389

Tritanopia

#0D8D8F

Achromatopsia

#7C7C7C

CSS Usage

background-color: #059F80;
color: #059F80;
border-color: #059F80;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FDFB
100
#DFFBF6
200
#BAFDEF
300
#88FBE4
400
#48F9D6
500
#08F7C7
600
#06C69F
700
#059E7F
800
#047C63
900
#085949
950
#05382E

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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