#DDCAFD

#DDCAFD

Color Values

HEX

#DDCAFD

RGB

221, 202, 253

HSL

262.4, 92.7%, 89.2%

HSV

262.4, 20.2%, 99.2%

CMYK

12.6%, 20.2%, 0.0%, 0.8%

OKLCH

0.8711 0.0723 301.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDCAFD

#EAFDCA

Analogous

#CAD0FD

#F7CAFD

#DDCAFD

Triadic

#DDCAFD

#FDDDCA

#CAFDDD

Split Complementary

#DDCAFD

#FDF7CA

#D0FDCA

Tetradic

#DDCAFD

#FDCAD0

#EAFDCA

#CAFDF7

Color Blindness Simulation

Original

#DDCAFD

Protanopia

#D5D5F1

Deuteranopia

#D6D7EE

Tritanopia

#DCE7E5

Achromatopsia

#D2D2D2

CSS Usage

background-color: #DDCAFD;
color: #DDCAFD;
border-color: #DDCAFD;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D3BAFC
300
#B389FB
400
#8A49F8
500
#6209F6
600
#4E07C5
700
#3E069D
800
#31057B
900
#260859
950
#180538

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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