#059F76

#059F76

Color Values

HEX

#059F76

RGB

5, 159, 118

HSL

164.0, 93.9%, 32.2%

HSV

164.0, 96.9%, 62.4%

CMYK

96.9%, 0.0%, 25.8%, 37.6%

OKLCH

0.6236 0.1277 166.5

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#059F76

#9F052E

Analogous

#059F29

#057B9F

#059F76

Triadic

#059F76

#76059F

#9F7605

Split Complementary

#059F76

#9F057B

#9F2905

Tetradic

#059F76

#29059F

#9F052E

#7B9F05

Color Blindness Simulation

Original

#059F76

Protanopia

#484980

Deuteranopia

#3F3382

Tritanopia

#0D8889

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEB
300
#88FBDD
400
#48F9CA
500
#08F7B7
600
#06C693
700
#059E75
800
#047C5C
900
#085944
950
#05382B

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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