#12BA68

#12BA68

Color Values

HEX

#12BA68

RGB

18, 186, 104

HSL

150.7, 82.4%, 40.0%

HSV

150.7, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 44.1%, 27.1%

OKLCH

0.6935 0.1722 153.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#12BA68

#BA1264

Analogous

#12BA14

#12B8BA

#12BA68

Triadic

#12BA68

#6812BA

#BA6812

Split Complementary

#12BA68

#BA12B8

#BA1412

Tetradic

#12BA68

#1412BA

#BA1264

#B8BA12

Color Blindness Simulation

Original

#12BA68

Protanopia

#5B5C7C

Deuteranopia

#514481

Tritanopia

#1A8C8F

Achromatopsia

#909090

CSS Usage

background-color: #12BA68;
color: #12BA68;
border-color: #12BA68;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DC
300
#8FF4C3
400
#53EEA2
500
#16E982
600
#12BA68
700
#0E9553
800
#0B7441
900
#0D5431
950
#08351F

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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