#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026