#59F2AA

#59F2AA

Color Values

HEX

#59F2AA

RGB

89, 242, 170

HSL

151.8, 85.5%, 64.9%

HSV

151.8, 63.2%, 94.9%

CMYK

63.2%, 0.0%, 29.8%, 5.1%

OKLCH

0.8619 0.1652 159.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#59F2AA

#F259A1

Analogous

#59F25E

#59EDF2

#59F2AA

Triadic

#59F2AA

#AA59F2

#F2AA59

Split Complementary

#59F2AA

#F259ED

#F25E59

Tetradic

#59F2AA

#5E59F2

#F259A1

#EDF259

Color Blindness Simulation

Original

#59F2AA

Protanopia

#9B9DBB

Deuteranopia

#9287C0

Tritanopia

#61C9CC

Achromatopsia

#CCCCCC

CSS Usage

background-color: #59F2AA;
color: #59F2AA;
border-color: #59F2AA;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADD
300
#8DF6C5
400
#50F1A5
500
#12ED86
600
#0FBD6B
700
#0C9756
800
#097643
900
#0B5633
950
#073620

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026