#12BA30

#12BA30

Color Values

HEX

#12BA30

RGB

18, 186, 48

HSL

130.7, 82.4%, 40.0%

HSV

130.7, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 74.2%, 27.1%

OKLCH

0.6866 0.2156 144.4

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#12BA30

#BA129C

Analogous

#48BA12

#12BA84

#12BA30

Triadic

#12BA30

#3012BA

#BA3012

Split Complementary

#12BA30

#8412BA

#BA1248

Tetradic

#12BA30

#1248BA

#BA129C

#BA8412

Color Blindness Simulation

Original

#12BA30

Protanopia

#5B5C51

Deuteranopia

#514459

Tritanopia

#1A6C72

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FDF4
100
#E1FAE5
200
#BEF9C8
300
#8FF4A1
400
#53EE6F
500
#16E93C
600
#12BA30
700
#0E9526
800
#0B741E
900
#0D5419
950
#083510

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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