#AFAADF

#AFAADF

Color Values

HEX

#AFAADF

RGB

175, 170, 223

HSL

245.7, 45.3%, 77.1%

HSV

245.7, 23.8%, 87.5%

CMYK

21.5%, 23.8%, 0.0%, 12.5%

OKLCH

0.7607 0.0755 288.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFAADF

#DADFAA

Analogous

#AAC0DF

#CAAADF

#AFAADF

Triadic

#AFAADF

#DFAFAA

#AADFAF

Split Complementary

#AFAADF

#DFCAAA

#C0DFAA

Tetradic

#AFAADF

#DFAAC0

#DADFAA

#AADFCA

Color Blindness Simulation

Original

#AFAADF

Protanopia

#ADADD2

Deuteranopia

#ADAECF

Tritanopia

#AFC8C6

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEB
300
#ABA6DE
400
#7E76CB
500
#5146B9
600
#413894
700
#342D77
800
#28235D
900
#201D44
950
#14122B

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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