#AAADD7

#AAADD7

Color Values

HEX

#AAADD7

RGB

170, 173, 215

HSL

236.0, 36.0%, 75.5%

HSV

236.0, 20.9%, 84.3%

CMYK

20.9%, 19.5%, 0.0%, 15.7%

OKLCH

0.7596 0.0601 281.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AAADD7

#D7D4AA

Analogous

#AAC4D7

#BEAAD7

#AAADD7

Triadic

#AAADD7

#D7AAAD

#ADD7AA

Split Complementary

#AAADD7

#D7BEAA

#C4D7AA

Tetradic

#AAADD7

#D7AAC4

#D7D4AA

#AAD7BE

Color Blindness Simulation

Original

#AAADD7

Protanopia

#ABABCD

Deuteranopia

#ABABCA

Tritanopia

#AAC5C3

Achromatopsia

#AFAFAF

CSS Usage

background-color: #AAADD7;
color: #AAADD7;
border-color: #AAADD7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E8
300
#ACAFD8
400
#7F83C3
500
#5258AD
600
#41468B
700
#34386F
800
#292C57
900
#212340
950
#151629

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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