#12BC17

#12BC17

Color Values

HEX

#12BC17

RGB

18, 188, 23

HSL

121.8, 82.5%, 40.4%

HSV

121.8, 90.4%, 73.7%

CMYK

90.4%, 0.0%, 87.8%, 26.3%

OKLCH

0.6907 0.2283 142.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#12BC17

#BC12B7

Analogous

#62BC12

#12BC6C

#12BC17

Triadic

#12BC17

#1712BC

#BC1712

Split Complementary

#12BC17

#6C12BC

#BC1262

Tetradic

#12BC17

#1262BC

#BC12B7

#BC6C12

Color Blindness Simulation

Original

#12BC17

Protanopia

#5C5D3F

Deuteranopia

#524548

Tritanopia

#1A5E65

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9C0
300
#8FF492
400
#53EE57
500
#16E91D
600
#12BA17
700
#0E9512
800
#0B740E
900
#0C540F
950
#083509

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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