#059E40

#059E40

Color Values

HEX

#059E40

RGB

5, 158, 64

HSL

143.1, 93.9%, 32.0%

HSV

143.1, 96.8%, 62.0%

CMYK

96.8%, 0.0%, 59.5%, 38.0%

OKLCH

0.6104 0.1745 148.2

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#059E40

#9E0563

Analogous

#179E05

#059E8D

#059E40

Triadic

#059E40

#40059E

#9E4005

Split Complementary

#059E40

#8D059E

#9E0517

Tetradic

#059E40

#05179E

#9E0563

#9E8D05

Color Blindness Simulation

Original

#059E40

Protanopia

#474957

Deuteranopia

#3E335C

Tritanopia

#0D696D

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BAFDD4
300
#88FBB5
400
#48F98C
500
#08F764
600
#06C650
700
#059E40
800
#047C32
900
#085927
950
#053819

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026