#12CF0E

#12CF0E

Color Values

HEX

#12CF0E

RGB

18, 207, 14

HSL

118.8, 87.3%, 43.3%

HSV

118.8, 93.2%, 81.2%

CMYK

91.3%, 0.0%, 93.2%, 18.8%

OKLCH

0.7416 0.2485 142.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#12CF0E

#CB0ECF

Analogous

#72CF0E

#0ECF6B

#12CF0E

Triadic

#12CF0E

#0E12CF

#CF0E12

Split Complementary

#12CF0E

#6B0ECF

#CF0E72

Tetradic

#12CF0E

#0E72CF

#CB0ECF

#CF6B0E

Color Blindness Simulation

Original

#12CF0E

Protanopia

#64653D

Deuteranopia

#594B48

Tritanopia

#1B626A

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BDFABC
300
#8FF78C
400
#52F34E
500
#15EF10
600
#11BF0D
700
#0D990A
800
#0A7708
900
#0C570A
950
#083707

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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