#12EDAE

#12EDAE

Color Values

HEX

#12EDAE

RGB

18, 237, 174

HSL

162.7, 85.9%, 50.0%

HSV

162.7, 92.4%, 92.9%

CMYK

92.4%, 0.0%, 26.6%, 7.1%

OKLCH

0.8392 0.1741 165.2

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#12EDAE

#ED1251

Analogous

#12ED40

#12BFED

#12EDAE

Triadic

#12EDAE

#AE12ED

#EDAE12

Split Complementary

#12EDAE

#ED12BF

#ED4012

Tetradic

#12EDAE

#4012ED

#ED1251

#BFED12

Color Blindness Simulation

Original

#12EDAE

Protanopia

#7173BD

Deuteranopia

#6454C1

Tritanopia

#1DC9CC

Achromatopsia

#BABABA

CSS Usage

background-color: #12EDAE;
color: #12EDAE;
border-color: #12EDAE;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDFAE8
300
#8DF6D8
400
#50F2C3
500
#12EDAE
600
#0EBE8B
700
#0C986F
800
#097757
900
#0B5640
950
#073629

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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