#12BA55

#12BA55

Color Values

HEX

#12BA55

RGB

18, 186, 85

HSL

143.9, 82.4%, 40.0%

HSV

143.9, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 54.3%, 27.1%

OKLCH

0.6905 0.189 149.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#12BA55

#BA1277

Analogous

#23BA12

#12BAA9

#12BA55

Triadic

#12BA55

#5512BA

#BA5512

Split Complementary

#12BA55

#A912BA

#BA1223

Tetradic

#12BA55

#1223BA

#BA1277

#BAA912

Color Blindness Simulation

Original

#12BA55

Protanopia

#5B5C6D

Deuteranopia

#514473

Tritanopia

#1A8185

Achromatopsia

#8F8F8F

CSS Usage

background-color: #12BA55;
color: #12BA55;
border-color: #12BA55;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF6
100
#E1FAEB
200
#BEF9D5
300
#8FF4B8
400
#53EE91
500
#16E96A
600
#12BA55
700
#0E9544
800
#0B7435
900
#0D5429
950
#08351A

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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