#AAADDA

#AAADDA

Color Values

HEX

#AAADDA

RGB

170, 173, 218

HSL

236.2, 39.3%, 76.1%

HSV

236.2, 22.0%, 85.5%

CMYK

22.0%, 20.6%, 0.0%, 14.5%

OKLCH

0.7608 0.0644 281.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAADDA

#DAD7AA

Analogous

#AAC5DA

#BFAADA

#AAADDA

Triadic

#AAADDA

#DAAAAD

#ADDAAA

Split Complementary

#AAADDA

#DABFAA

#C5DAAA

Tetradic

#AAADDA

#DAAAC5

#DAD7AA

#AADABF

Color Blindness Simulation

Original

#AAADDA

Protanopia

#ABABCF

Deuteranopia

#ABABCC

Tritanopia

#AAC7C5

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAADDA
400
#7C80C6
500
#4D54B2
600
#3E438E
700
#323672
800
#272A59
900
#1F2142
950
#141529

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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