#DDC3EE

#DDC3EE

Color Values

HEX

#DDC3EE

RGB

221, 195, 238

HSL

276.3, 55.8%, 84.9%

HSV

276.3, 18.1%, 93.3%

CMYK

7.1%, 18.1%, 0.0%, 6.7%

OKLCH

0.8526 0.0649 312.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDC3EE

#D4EEC3

Analogous

#C8C3EE

#EEC3E9

#DDC3EE

Triadic

#DDC3EE

#EEDDC3

#C3EEDD

Split Complementary

#DDC3EE

#E9EEC3

#C3EEC8

Tetradic

#DDC3EE

#EEC8C3

#D4EEC3

#C3E9EE

Color Blindness Simulation

Original

#DDC3EE

Protanopia

#D2D2E4

Deuteranopia

#D3D5E1

Tritanopia

#DCDBDA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC7EF
300
#C9A0E4
400
#AC6CD5
500
#8E38C7
600
#722D9F
700
#5B247F
800
#471C63
900
#361849
950
#220F2E

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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