#12BA20

#12BA20

Color Values

HEX

#12BA20

RGB

18, 186, 32

HSL

125.0, 82.4%, 40.0%

HSV

125.0, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 82.8%, 27.1%

OKLCH

0.6856 0.2233 143.2

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#12BA20

#BA12AC

Analogous

#58BA12

#12BA74

#12BA20

Triadic

#12BA20

#2012BA

#BA2012

Split Complementary

#12BA20

#7412BA

#BA1258

Tetradic

#12BA20

#1258BA

#BA12AC

#BA7412

Color Blindness Simulation

Original

#12BA20

Protanopia

#5B5C45

Deuteranopia

#51444E

Tritanopia

#1A6369

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C3
300
#8FF498
400
#53EE60
500
#16E928
600
#12BA20
700
#0E951A
800
#0B7414
900
#0D5413
950
#08350C

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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