#AFA4DF

#AFA4DF

Color Values

HEX

#AFA4DF

RGB

175, 164, 223

HSL

251.2, 48.0%, 75.9%

HSV

251.2, 26.5%, 87.5%

CMYK

21.5%, 26.5%, 0.0%, 12.5%

OKLCH

0.749 0.0846 292.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFA4DF

#D4DFA4

Analogous

#A4B7DF

#CDA4DF

#AFA4DF

Triadic

#AFA4DF

#DFAFA4

#A4DFAF

Split Complementary

#AFA4DF

#DFCDA4

#B7DFA4

Tetradic

#AFA4DF

#DFA4B7

#D4DFA4

#A4DFCD

Color Blindness Simulation

Original

#AFA4DF

Protanopia

#AAAAD1

Deuteranopia

#ABACCD

Tritanopia

#AEC5C3

Achromatopsia

#ABABAB

CSS Usage

background-color: #AFA4DF;
color: #AFA4DF;
border-color: #AFA4DF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F4FA
100
#E9E6F4
200
#D1CAEC
300
#AFA4DF
400
#8473CE
500
#5942BD
600
#473597
700
#392A79
800
#2D215E
900
#231C45
950
#16112C

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.2:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026