#AAF68D

#AAF68D

Color Values

HEX

#AAF68D

RGB

170, 246, 141

HSL

103.4, 85.4%, 75.9%

HSV

103.4, 42.7%, 96.5%

CMYK

30.9%, 0.0%, 42.7%, 3.5%

OKLCH

0.8995 0.1562 137.5

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#AAF68D

#D98DF6

Analogous

#DFF68D

#8DF6A5

#AAF68D

Triadic

#AAF68D

#8DAAF6

#F68DAA

Split Complementary

#AAF68D

#A58DF6

#F68DDF

Tetradic

#AAF68D

#8DDFF6

#D98DF6

#F6A58D

Color Blindness Simulation

Original

#AAF68D

Protanopia

#CBCCA6

Deuteranopia

#C6C1AC

Tritanopia

#AEBABF

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F5FDF2
100
#E7FAE0
200
#CEFABD
300
#AAF68E
400
#7DF150
500
#4FEC13
600
#3FBD0F
700
#32970C
800
#277609
900
#20560B
950
#143607

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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