#12C466

#12C466

Color Values

HEX

#12C466

RGB

18, 196, 102

HSL

148.3, 83.2%, 42.0%

HSV

148.3, 90.8%, 76.9%

CMYK

90.8%, 0.0%, 48.0%, 23.1%

OKLCH

0.7197 0.1863 151.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#12C466

#C41270

Analogous

#17C412

#12C4BF

#12C466

Triadic

#12C466

#6612C4

#C46612

Split Complementary

#12C466

#BF12C4

#C41217

Tetradic

#12C466

#1217C4

#C41270

#C4BF12

Color Blindness Simulation

Original

#12C466

Protanopia

#5F617D

Deuteranopia

#554782

Tritanopia

#1B8F93

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAEC
200
#BEF9DA
300
#8FF5BF
400
#52EF9C
500
#15EA79
600
#11BB61
700
#0E954E
800
#0B753D
900
#0C552E
950
#08361D

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026