#12980C

#12980C

Color Values

HEX

#12980C

RGB

18, 152, 12

HSL

117.4, 85.4%, 32.2%

HSV

117.4, 92.1%, 59.6%

CMYK

88.2%, 0.0%, 92.1%, 40.4%

OKLCH

0.5907 0.1956 142.3

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#12980C

#920C98

Analogous

#58980C

#0C984C

#12980C

Triadic

#12980C

#0C1298

#980C12

Split Complementary

#12980C

#4C0C98

#980C58

Tetradic

#12980C

#0C5898

#920C98

#984C0C

Color Blindness Simulation

Original

#12980C

Protanopia

#4C4D2E

Deuteranopia

#443A36

Tritanopia

#19494E

Achromatopsia

#717171

CSS Usage

background-color: #12980C;
color: #12980C;
border-color: #12980C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFFABD
300
#92F68E
400
#57F150
500
#1CEC13
600
#16BD0F
700
#12970C
800
#0E7609
900
#0E560B
950
#093607

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

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