#DDC8FD

#DDC8FD

Color Values

HEX

#DDC8FD

RGB

221, 200, 253

HSL

263.8, 93.0%, 88.8%

HSV

263.8, 20.9%, 99.2%

CMYK

12.6%, 20.9%, 0.0%, 0.8%

OKLCH

0.8674 0.0755 302.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDC8FD

#E8FDC8

Analogous

#C8CDFD

#F8C8FD

#DDC8FD

Triadic

#DDC8FD

#FDDDC8

#C8FDDD

Split Complementary

#DDC8FD

#FDF8C8

#CDFDC8

Tetradic

#DDC8FD

#FDC8CD

#E8FDC8

#C8FDF8

Color Blindness Simulation

Original

#DDC8FD

Protanopia

#D4D4F0

Deuteranopia

#D5D7ED

Tritanopia

#DCE6E4

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D4BAFD
300
#B689FB
400
#8F49F8
500
#6709F6
600
#5207C5
700
#42069D
800
#33047B
900
#280859
950
#190538

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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