#16DC18

#16DC18

Color Values

HEX

#16DC18

RGB

22, 220, 24

HSL

120.6, 81.8%, 47.5%

HSV

120.6, 90.0%, 86.3%

CMYK

90.0%, 0.0%, 89.1%, 13.7%

OKLCH

0.7766 0.2582 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#16DC18

#DC16DA

Analogous

#77DC16

#16DC7B

#16DC18

Triadic

#16DC18

#1816DC

#DC1816

Split Complementary

#16DC18

#7B16DC

#DC1677

Tetradic

#16DC18

#1677DC

#DC16DA

#DC7B16

Color Blindness Simulation

Original

#16DC18

Protanopia

#6C6D47

Deuteranopia

#605153

Tritanopia

#206D75

Achromatopsia

#A4A4A4

CSS Usage

background-color: #16DC18;
color: #16DC18;
border-color: #16DC18;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9BF
300
#90F491
400
#53EE55
500
#17E819
600
#13B914
700
#0F9410
800
#0C740D
900
#0D540D
950
#083509

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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