#12ED97

#12ED97

Color Values

HEX

#12ED97

RGB

18, 237, 151

HSL

156.4, 85.9%, 50.0%

HSV

156.4, 92.4%, 92.9%

CMYK

92.4%, 0.0%, 36.3%, 7.1%

OKLCH

0.8343 0.1928 158.0

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#12ED97

#ED1268

Analogous

#12ED29

#12D6ED

#12ED97

Triadic

#12ED97

#9712ED

#ED9712

Split Complementary

#12ED97

#ED12D6

#ED2912

Tetradic

#12ED97

#2912ED

#ED1268

#D6ED12

Color Blindness Simulation

Original

#12ED97

Protanopia

#7173AC

Deuteranopia

#6454B1

Tritanopia

#1DBCC0

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF0
200
#BDFAE2
300
#8DF6CD
400
#50F2B2
500
#12ED97
600
#0EBE79
700
#0C9861
800
#09774B
900
#0B5638
950
#073624

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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