#12A021

#12A021

Color Values

HEX

#12A021

RGB

18, 160, 33

HSL

126.3, 79.8%, 34.9%

HSV

126.3, 88.8%, 62.7%

CMYK

88.8%, 0.0%, 79.4%, 37.3%

OKLCH

0.6141 0.1961 143.6

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#12A021

#A01291

Analogous

#4AA012

#12A068

#12A021

Triadic

#12A021

#2112A0

#A02112

Split Complementary

#12A021

#6812A0

#A0124A

Tetradic

#12A021

#124AA0

#A01291

#A06812

Color Blindness Simulation

Original

#12A021

Protanopia

#505140

Deuteranopia

#473D47

Tritanopia

#19585D

Achromatopsia

#797979

CSS Usage

background-color: #12A021;
color: #12A021;
border-color: #12A021;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF3
100
#E1F9E4
200
#BFF8C5
300
#91F39B
400
#55EC65
500
#1AE52F
600
#15B726
700
#10931E
800
#0D7318
900
#0E5315
950
#09350D

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026