#12BC22

#12BC22

Color Values

HEX

#12BC22

RGB

18, 188, 34

HSL

125.6, 82.5%, 40.4%

HSV

125.6, 90.4%, 73.7%

CMYK

90.4%, 0.0%, 81.9%, 26.3%

OKLCH

0.6911 0.2245 143.3

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#12BC22

#BC12AC

Analogous

#57BC12

#12BC77

#12BC22

Triadic

#12BC22

#2212BC

#BC2212

Split Complementary

#12BC22

#7712BC

#BC1257

Tetradic

#12BC22

#1257BC

#BC12AC

#BC7712

Color Blindness Simulation

Original

#12BC22

Protanopia

#5C5D47

Deuteranopia

#524550

Tritanopia

#1A656B

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C3
300
#8FF499
400
#53EE61
500
#16E92A
600
#12BA22
700
#0E951B
800
#0B7415
900
#0C5413
950
#08350C

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026