#12B017

#12B017

Color Values

HEX

#12B017

RGB

18, 176, 23

HSL

121.9, 81.4%, 38.0%

HSV

121.9, 89.8%, 69.0%

CMYK

89.8%, 0.0%, 86.9%, 31.0%

OKLCH

0.6579 0.2165 142.8

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#12B017

#B012AB

Analogous

#5CB012

#12B066

#12B017

Triadic

#12B017

#1712B0

#B01712

Split Complementary

#12B017

#6612B0

#B0125C

Tetradic

#12B017

#125CB0

#B012AB

#B06612

Color Blindness Simulation

Original

#12B017

Protanopia

#56583C

Deuteranopia

#4D4145

Tritanopia

#1A5960

Achromatopsia

#838383

CSS Usage

background-color: #12B017;
color: #12B017;
border-color: #12B017;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF2
100
#E1FAE2
200
#BEF8C0
300
#90F493
400
#54ED59
500
#18E71E
600
#13B918
700
#0F9413
800
#0C740F
900
#0D540F
950
#08350A

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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