#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026