#AFA6DF

#AFA6DF

Color Values

HEX

#AFA6DF

RGB

175, 166, 223

HSL

249.5, 47.1%, 76.3%

HSV

249.5, 25.6%, 87.5%

CMYK

21.5%, 25.6%, 0.0%, 12.5%

OKLCH

0.7529 0.0815 291.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AFA6DF

#D6DFA6

Analogous

#A6BADF

#CCA6DF

#AFA6DF

Triadic

#AFA6DF

#DFAFA6

#A6DFAF

Split Complementary

#AFA6DF

#DFCCA6

#BADFA6

Tetradic

#AFA6DF

#DFA6BA

#D6DFA6

#A6DFCC

Color Blindness Simulation

Original

#AFA6DF

Protanopia

#ABABD1

Deuteranopia

#ACACCE

Tritanopia

#AFC6C4

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAEC
300
#AEA5DF
400
#8274CD
500
#5643BC
600
#453696
700
#372B78
800
#2B225E
900
#221C45
950
#16122C

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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