#59EC96

#59EC96

Color Values

HEX

#59EC96

RGB

89, 236, 150

HSL

144.9, 79.5%, 63.7%

HSV

144.9, 62.3%, 92.5%

CMYK

62.3%, 0.0%, 36.4%, 7.5%

OKLCH

0.8432 0.1748 154.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#59EC96

#EC59AF

Analogous

#65EC59

#59ECE0

#59EC96

Triadic

#59EC96

#9659EC

#EC9659

Split Complementary

#59EC96

#E059EC

#EC5965

Tetradic

#59EC96

#5965EC

#EC59AF

#ECE059

Color Blindness Simulation

Original

#59EC96

Protanopia

#999AAB

Deuteranopia

#9085B0

Tritanopia

#60BBBF

Achromatopsia

#C7C7C7

CSS Usage

background-color: #59EC96;
color: #59EC96;
border-color: #59EC96;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF6
100
#E1F9EB
200
#BFF8D6
300
#91F2BA
400
#56EC94
500
#1AE56E
600
#15B758
700
#119247
800
#0D7237
900
#0E532B
950
#09341B

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.86:1

AA Pass AAA Pass

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