#12B463

#12B463

Color Values

HEX

#12B463

RGB

18, 180, 99

HSL

150.0, 81.8%, 38.8%

HSV

150.0, 90.0%, 70.6%

CMYK

90.0%, 0.0%, 45.0%, 29.4%

OKLCH

0.6767 0.1693 153.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#12B463

#B41263

Analogous

#12B412

#12B4B4

#12B463

Triadic

#12B463

#6312B4

#B46312

Split Complementary

#12B463

#B412B4

#B41212

Tetradic

#12B463

#1212B4

#B41263

#B4B412

Color Blindness Simulation

Original

#12B463

Protanopia

#585A77

Deuteranopia

#4F437B

Tritanopia

#1A8689

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DB
300
#90F4C2
400
#53EEA1
500
#17E880
600
#13B966
700
#0F9452
800
#0C7440
900
#0D5430
950
#08351F

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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