#ADE916

#ADE916

Color Values

HEX

#ADE916

RGB

173, 233, 22

HSL

77,1, 82,7%, 50,0%

HSV

77,1, 90,6%, 91,4%

CMYK

25,8%, 0,0%, 90,6%, 8,6%

OKLCH

0,8612 0,2164 126,4

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#ADE916

#5216E9

Analogous

#E9BC16

#43E916

#ADE916

Triadic

#ADE916

#16ADE9

#E916AD

Split Complementary

#ADE916

#1643E9

#BC16E9

Tetradic

#ADE916

#16E9BC

#5216E9

#E91643

Color Blindness Simulation

Original

#ADE916

Protanopia

#C7C849

Deuteranopia

#C4BF55

Tritanopia

#B0717A

Achromatopsia

#CDCDCD

CSS Usage

background-color: #ADE916;
color: #ADE916;
border-color: #ADE916;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFDF2
100
#F3FAE1
200
#E8F9BE
300
#D8F48F
400
#C2EF53
500
#ADE916
600
#8ABA12
700
#6F950E
800
#56740B
900
#40550C
950
#283508

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,44: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