#12D513

#12D513

Color Values

HEX

#12D513

RGB

18, 213, 19

HSL

120.3, 84.4%, 45.3%

HSV

120.3, 91.5%, 83.5%

CMYK

91.5%, 0.0%, 91.1%, 16.5%

OKLCH

0.7577 0.2532 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#12D513

#D512D4

Analogous

#73D512

#12D574

#12D513

Triadic

#12D513

#1312D5

#D51312

Split Complementary

#12D513

#7412D5

#D51273

Tetradic

#12D513

#1273D5

#D512D4

#D57412

Color Blindness Simulation

Original

#12D513

Protanopia

#666842

Deuteranopia

#5B4C4D

Tritanopia

#1C676F

Achromatopsia

#9E9E9E

CSS Usage

background-color: #12D513;
color: #12D513;
border-color: #12D513;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BDF9BD
300
#8EF58F
400
#51F052
500
#14EB15
600
#10BC11
700
#0D960D
800
#0A760A
900
#0C550C
950
#073608

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026