#12ED89

#12ED89

Color Values

HEX

#12ED89

RGB

18, 237, 137

HSL

152.6, 85.9%, 50.0%

HSV

152.6, 92.4%, 92.9%

CMYK

92.4%, 0.0%, 42.2%, 7.1%

OKLCH

0.8317 0.2049 154.6

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#12ED89

#ED1276

Analogous

#12ED1B

#12E4ED

#12ED89

Triadic

#12ED89

#8912ED

#ED8912

Split Complementary

#12ED89

#ED12E4

#ED1B12

Tetradic

#12ED89

#1B12ED

#ED1276

#E4ED12

Color Blindness Simulation

Original

#12ED89

Protanopia

#7173A1

Deuteranopia

#6454A7

Tritanopia

#1DB4B8

Achromatopsia

#B7B7B7

CSS Usage

background-color: #12ED89;
color: #12ED89;
border-color: #12ED89;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADE
300
#8DF6C6
400
#50F2A8
500
#12ED89
600
#0EBE6E
700
#0C9858
800
#097744
900
#0B5634
950
#073621

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.5:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026