#AAD02F

#AAD02F

Color Values

HEX

#AAD02F

RGB

170, 208, 47

HSL

74.2, 63.1%, 50.0%

HSV

74.2, 77.4%, 81.6%

CMYK

18.3%, 0.0%, 77.4%, 18.4%

OKLCH

0.8023 0.1815 122.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#AAD02F

#552FD0

Analogous

#D0A62F

#59D02F

#AAD02F

Triadic

#AAD02F

#2FAAD0

#D02FAA

Split Complementary

#AAD02F

#2F59D0

#A62FD0

Tetradic

#AAD02F

#2FD0A6

#552FD0

#D02F59

Color Blindness Simulation

Original

#AAD02F

Protanopia

#BABB56

Deuteranopia

#B8B55F

Tritanopia

#AC757B

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F2F7E4
200
#E7F2C5
300
#D6E89B
400
#C0DC65
500
#AAD02F
600
#88A626
700
#6D851E
800
#556818
900
#3F4C15
950
#28300D

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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