#12700F

#12700F

Color Values

HEX

#12700F

RGB

18, 112, 15

HSL

118.1, 76.4%, 24.9%

HSV

118.1, 86.6%, 43.9%

CMYK

83.9%, 0.0%, 86.6%, 56.1%

OKLCH

0.4753 0.1521 142.5

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#12700F

#6D0F70

Analogous

#43700F

#0F703C

#12700F

Triadic

#12700F

#0F1270

#700F12

Split Complementary

#12700F

#3C0F70

#700F43

Tetradic

#12700F

#0F4370

#6D0F70

#703C0F

Color Blindness Simulation

Original

#12700F

Protanopia

#3B3C26

Deuteranopia

#352E2C

Tritanopia

#17393D

Achromatopsia

#555555

CSS Usage

background-color: #12700F;
color: #12700F;
border-color: #12700F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F3FCF2
100
#E2F9E2
200
#C2F7C0
300
#96F193
400
#5DE959
500
#24E11E
600
#1DB418
700
#179013
800
#12700F
900
#11520F
950
#0B340A

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail 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