#12970C

#12970C

Color Values

HEX

#12970C

RGB

18, 151, 12

HSL

117.4, 85.3%, 32.0%

HSV

117.4, 92.1%, 59.2%

CMYK

88.1%, 0.0%, 92.1%, 40.8%

OKLCH

0.5879 0.1946 142.3

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#12970C

#910C97

Analogous

#58970C

#0C974C

#12970C

Triadic

#12970C

#0C1297

#970C12

Split Complementary

#12970C

#4C0C97

#970C58

Tetradic

#12970C

#0C5897

#910C97

#974C0C

Color Blindness Simulation

Original

#12970C

Protanopia

#4C4D2E

Deuteranopia

#443A36

Tritanopia

#19484E

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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