#D2AFEC

#D2AFEC

Color Values

HEX

#D2AFEC

RGB

210, 175, 236

HSL

274.4, 61.6%, 80.6%

HSV

274.4, 25.8%, 92.5%

CMYK

11.0%, 25.8%, 0.0%, 7.5%

OKLCH

0.8052 0.0922 310.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2AFEC

#C9ECAF

Analogous

#B4AFEC

#ECAFE8

#D2AFEC

Triadic

#D2AFEC

#ECD2AF

#AFECD2

Split Complementary

#D2AFEC

#E8ECAF

#AFECB4

Tetradic

#D2AFEC

#ECB4AF

#C9ECAF

#AFE8EC

Color Blindness Simulation

Original

#D2AFEC

Protanopia

#C3C3DD

Deuteranopia

#C5C8DA

Tritanopia

#D0D2CF

Achromatopsia

#BBBBBB

CSS Usage

background-color: #D2AFEC;
color: #D2AFEC;
border-color: #D2AFEC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC5F1
300
#C79CE7
400
#A967DB
500
#8B31CE
600
#6F27A5
700
#591F84
800
#461867
900
#34164B
950
#210E30

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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