#12AC58

#12AC58

Color Values

HEX

#12AC58

RGB

18, 172, 88

HSL

147.3, 81.1%, 37.3%

HSV

147.3, 89.5%, 67.5%

CMYK

89.5%, 0.0%, 48.8%, 32.5%

OKLCH

0.6533 0.1693 151.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#12AC58

#AC1266

Analogous

#19AC12

#12ACA5

#12AC58

Triadic

#12AC58

#5812AC

#AC5812

Split Complementary

#12AC58

#A512AC

#AC1219

Tetradic

#12AC58

#1219AC

#AC1266

#ACA512

Color Blindness Simulation

Original

#12AC58

Protanopia

#55566C

Deuteranopia

#4C4071

Tritanopia

#1A7C80

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1F9EC
200
#BEF8D9
300
#90F3BD
400
#54ED9A
500
#18E776
600
#13B95F
700
#0F944C
800
#0C733B
900
#0D542D
950
#08351D

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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