#AAD170

#AAD170

Color Values

HEX

#AAD170

RGB

170, 209, 112

HSL

84.1, 51.3%, 62.9%

HSV

84.1, 46.4%, 82.0%

CMYK

18.7%, 0.0%, 46.4%, 18.0%

OKLCH

0.8109 0.1321 127.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#AAD170

#9770D1

Analogous

#D1C770

#79D170

#AAD170

Triadic

#AAD170

#70AAD1

#D170AA

Split Complementary

#AAD170

#7079D1

#C770D1

Tetradic

#AAD170

#70D1C7

#9770D1

#D17079

Color Blindness Simulation

Original

#AAD170

Protanopia

#BBBB87

Deuteranopia

#B9B68D

Tritanopia

#AC9A9E

Achromatopsia

#C2C2C2

CSS Usage

background-color: #AAD170;
color: #AAD170;
border-color: #AAD170;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEEC9
300
#C8E1A2
400
#AAD170
500
#8CC13E
600
#709A32
700
#5A7B28
800
#46601F
900
#35471A
950
#212D10

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026