#AAD968

#AAD968

Color Values

HEX

#AAD968

RGB

170, 217, 104

HSL

85.0, 59.8%, 62.9%

HSV

85.0, 52.1%, 85.1%

CMYK

21.7%, 0.0%, 52.1%, 14.9%

OKLCH

0.828 0.1511 128.0

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AAD968

#9768D9

Analogous

#D9D068

#71D968

#AAD968

Triadic

#AAD968

#68AAD9

#D968AA

Split Complementary

#AAD968

#6871D9

#D068D9

Tetradic

#AAD968

#68D9D0

#9768D9

#D96871

Color Blindness Simulation

Original

#AAD968

Protanopia

#BEBF83

Deuteranopia

#BCB88A

Tritanopia

#AC999E

Achromatopsia

#C7C7C7

CSS Usage

background-color: #AAD968;
color: #AAD968;
border-color: #AAD968;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FBF3
100
#EFF6E4
200
#DFF1C6
300
#C8E69D
400
#AAD968
500
#8CCC33
600
#70A329
700
#5A8221
800
#46661A
900
#354B16
950
#212F0E

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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