#AADE21

#AADE21

Color Values

HEX

#AADE21

RGB

170, 222, 33

HSL

76.5, 74.1%, 50.0%

HSV

76.5, 85.1%, 87.1%

CMYK

23.4%, 0.0%, 85.1%, 12.9%

OKLCH

0.8341 0.2029 125.3

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#AADE21

#5521DE

Analogous

#DEB321

#4CDE21

#AADE21

Triadic

#AADE21

#21AADE

#DE21AA

Split Complementary

#AADE21

#214CDE

#B321DE

Tetradic

#AADE21

#21DEB3

#5521DE

#DE214C

Color Blindness Simulation

Original

#AADE21

Protanopia

#C1C14F

Deuteranopia

#BEBA5A

Tritanopia

#AD737B

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F2F8E2
200
#E7F6C1
300
#D6EF94
400
#C0E75B
500
#AADE21
600
#88B21A
700
#6D8E15
800
#556F11
900
#3F5110
950
#28330A

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026