#12C36F

#12C36F

Color Values

HEX

#12C36F

RGB

18, 195, 111

HSL

151.5, 83.1%, 41.8%

HSV

151.5, 90.8%, 76.5%

CMYK

90.8%, 0.0%, 43.1%, 23.5%

OKLCH

0.7186 0.177 154.3

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#12C36F

#C31266

Analogous

#12C316

#12BFC3

#12C36F

Triadic

#12C36F

#6F12C3

#C36F12

Split Complementary

#12C36F

#C312BF

#C31612

Tetradic

#12C36F

#1612C3

#C31266

#BFC312

Color Blindness Simulation

Original

#12C36F

Protanopia

#5F6083

Deuteranopia

#544788

Tritanopia

#1B9397

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAEE
200
#BEF9DD
300
#8FF5C4
400
#52EFA5
500
#16E985
600
#11BB6A
700
#0E9555
800
#0B7542
900
#0C5532
950
#083520

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026