#12BC0D

#12BC0D

Color Values

HEX

#12BC0D

RGB

18, 188, 13

HSL

118.3, 87.1%, 39.4%

HSV

118.3, 93.1%, 73.7%

CMYK

90.4%, 0.0%, 93.1%, 26.3%

OKLCH

0.6904 0.2307 142.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#12BC0D

#B70DBC

Analogous

#69BC0D

#0DBC60

#12BC0D

Triadic

#12BC0D

#0D12BC

#BC0D12

Split Complementary

#12BC0D

#600DBC

#BC0D69

Tetradic

#12BC0D

#0D69BC

#B70DBC

#BC600D

Color Blindness Simulation

Original

#12BC0D

Protanopia

#5C5D37

Deuteranopia

#524542

Tritanopia

#1A5960

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFABC
300
#90F78C
400
#53F34E
500
#17EF10
600
#12BF0D
700
#0F990B
800
#0B7708
900
#0D560A
950
#083707

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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