#12981C

#12981C

Color Values

HEX

#12981C

RGB

18, 152, 28

HSL

124.5, 78.8%, 33.3%

HSV

124.5, 88.2%, 59.6%

CMYK

88.2%, 0.0%, 81.6%, 40.4%

OKLCH

0.5914 0.19 143.3

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#12981C

#98128E

Analogous

#4B9812

#12985F

#12981C

Triadic

#12981C

#1C1298

#981C12

Split Complementary

#12981C

#5F1298

#98124B

Tetradic

#12981C

#124B98

#98128E

#985F12

Color Blindness Simulation

Original

#12981C

Protanopia

#4C4D3A

Deuteranopia

#443A41

Tritanopia

#195257

Achromatopsia

#737373

CSS Usage

background-color: #12981C;
color: #12981C;
border-color: #12981C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FCF3
100
#E1F9E3
200
#BFF7C3
300
#92F299
400
#56EB61
500
#1BE42A
600
#16B622
700
#11921B
800
#0E7215
900
#0E5313
950
#09340C

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

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