#059C50

#059C50

Color Values

HEX

#059C50

RGB

5, 156, 80

HSL

149.8, 93.8%, 31.6%

HSV

149.8, 96.8%, 61.2%

CMYK

96.8%, 0.0%, 48.7%, 38.8%

OKLCH

0.6073 0.158 152.2

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#059C50

#9C0551

Analogous

#059C05

#059C9C

#059C50

Triadic

#059C50

#50059C

#9C5005

Split Complementary

#059C50

#9C059C

#9C0505

Tetradic

#059C50

#05059C

#9C0551

#9C9C05

Color Blindness Simulation

Original

#059C50

Protanopia

#464862

Deuteranopia

#3E3267

Tritanopia

#0D7174

Achromatopsia

#767676

CSS Usage

background-color: #059C50;
color: #059C50;
border-color: #059C50;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDB
300
#88FBC1
400
#48F9A0
500
#08F77F
600
#06C665
700
#059E51
800
#047C3F
900
#085930
950
#05381E

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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