#12BC0E

#12BC0E

Color Values

HEX

#12BC0E

RGB

18, 188, 14

HSL

118.6, 86.1%, 39.6%

HSV

118.6, 92.6%, 73.7%

CMYK

90.4%, 0.0%, 92.6%, 26.3%

OKLCH

0.6904 0.2305 142.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#12BC0E

#B80EBC

Analogous

#69BC0E

#0EBC61

#12BC0E

Triadic

#12BC0E

#0E12BC

#BC0E12

Split Complementary

#12BC0E

#610EBC

#BC0E69

Tetradic

#12BC0E

#0E69BC

#B80EBC

#BC610E

Color Blindness Simulation

Original

#12BC0E

Protanopia

#5C5D38

Deuteranopia

#524542

Tritanopia

#1A5961

Achromatopsia

#8B8B8B

CSS Usage

background-color: #12BC0E;
color: #12BC0E;
border-color: #12BC0E;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFABD
300
#90F68D
400
#53F24F
500
#17ED12
600
#12BE0E
700
#0F980B
800
#0B7709
900
#0D560B
950
#083607

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026