#DDD4FD

#DDD4FD

Color Values

HEX

#DDD4FD

RGB

221, 212, 253

HSL

253.2, 91.1%, 91.2%

HSV

253.2, 16.2%, 99.2%

CMYK

12.6%, 16.2%, 0.0%, 0.8%

OKLCH

0.8901 0.0565 295.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDD4FD

#F4FDD4

Analogous

#D4E0FD

#F2D4FD

#DDD4FD

Triadic

#DDD4FD

#FDDDD4

#D4FDDD

Split Complementary

#DDD4FD

#FDF2D4

#E0FDD4

Tetradic

#DDD4FD

#FDD4E0

#F4FDD4

#D4FDF2

Color Blindness Simulation

Original

#DDD4FD

Protanopia

#D9D9F3

Deuteranopia

#DADAF1

Tritanopia

#DDEBEA

Achromatopsia

#D9D9D9

CSS Usage

background-color: #DDD4FD;
color: #DDD4FD;
border-color: #DDD4FD;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C9BBFC
300
#A38AFA
400
#714BF7
500
#3E0BF4
600
#3209C3
700
#28079C
800
#1F067A
900
#1A0958
950
#110638

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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