#12D209

#12D209

Color Values

HEX

#12D209

RGB

18, 210, 9

HSL

117.3, 91.8%, 42.9%

HSV

117.3, 95.7%, 82.4%

CMYK

91.4%, 0.0%, 95.7%, 17.6%

OKLCH

0.7495 0.2521 142.4

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#12D209

#C909D2

Analogous

#76D209

#09D264

#12D209

Triadic

#12D209

#0912D2

#D20912

Split Complementary

#12D209

#6409D2

#D20976

Tetradic

#12D209

#0976D2

#C909D2

#D26409

Color Blindness Simulation

Original

#12D209

Protanopia

#65673A

Deuteranopia

#5A4C45

Tritanopia

#1C6068

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBB
300
#8FFA8A
400
#52F74A
500
#15F50A
600
#11C408
700
#0D9D07
800
#0A7A05
900
#0C5808
950
#083805

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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