#12F381

#12F381

Color Values

HEX

#12F381

RGB

18, 243, 129

HSL

149.6, 90.4%, 51.2%

HSV

149.6, 92.6%, 95.3%

CMYK

92.6%, 0.0%, 46.9%, 4.7%

OKLCH

0.8456 0.2188 152.3

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#12F381

#F31284

Analogous

#14F312

#12F3F2

#12F381

Triadic

#12F381

#8112F3

#F38112

Split Complementary

#12F381

#F212F3

#F31214

Tetradic

#12F381

#1214F3

#F31284

#F3F212

Color Blindness Simulation

Original

#12F381

Protanopia

#73759D

Deuteranopia

#6655A3

Tritanopia

#1DB2B7

Achromatopsia

#BBBBBB

CSS Usage

background-color: #12F381;
color: #12F381;
border-color: #12F381;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C1
400
#4BF6A0
500
#0CF37E
600
#0AC265
700
#089B51
800
#06793F
900
#095830
950
#06371E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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