#AFAADD

#AFAADD

Color Values

HEX

#AFAADD

RGB

175, 170, 221

HSL

245.9, 42.9%, 76.7%

HSV

245.9, 23.1%, 86.7%

CMYK

20.8%, 23.1%, 0.0%, 13.3%

OKLCH

0.7599 0.0727 289.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFAADD

#D8DDAA

Analogous

#AABFDD

#C9AADD

#AFAADD

Triadic

#AFAADD

#DDAFAA

#AADDAF

Split Complementary

#AFAADD

#DDC9AA

#BFDDAA

Tetradic

#AFAADD

#DDAABF

#D8DDAA

#AADDC9

Color Blindness Simulation

Original

#AFAADD

Protanopia

#ADADD1

Deuteranopia

#ADAECE

Tritanopia

#AFC7C5

Achromatopsia

#AFAFAF

CSS Usage

background-color: #AFAADD;
color: #AFAADD;
border-color: #AFAADD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CFCCEB
300
#ADA8DC
400
#8078C9
500
#5449B6
600
#433A92
700
#352F75
800
#2A245B
900
#211E43
950
#15132A

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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