#12AD6F

#12AD6F

Color Values

HEX

#12AD6F

RGB

18, 173, 111

HSL

156.0, 81.2%, 37.5%

HSV

156.0, 89.6%, 67.8%

CMYK

89.6%, 0.0%, 35.8%, 32.2%

OKLCH

0.6603 0.1495 158.6

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#12AD6F

#AD1250

Analogous

#12AD22

#129EAD

#12AD6F

Triadic

#12AD6F

#6F12AD

#AD6F12

Split Complementary

#12AD6F

#AD129E

#AD2212

Tetradic

#12AD6F

#2212AD

#AD1250

#9EAD12

Color Blindness Simulation

Original

#12AD6F

Protanopia

#55567E

Deuteranopia

#4C4082

Tritanopia

#1A8A8C

Achromatopsia

#888888

CSS Usage

background-color: #12AD6F;
color: #12AD6F;
border-color: #12AD6F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF8
100
#E1F9F0
200
#BEF8E1
300
#90F3CC
400
#54EDB0
500
#18E794
600
#13B977
700
#0F945F
800
#0C744A
900
#0D5438
950
#083523

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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