#DDCEF9

#DDCEF9

Color Values

HEX

#DDCEF9

RGB

221, 206, 249

HSL

260.9, 78.2%, 89.2%

HSV

260.9, 17.3%, 97.6%

CMYK

11.2%, 17.3%, 0.0%, 2.4%

OKLCH

0.8772 0.0606 301.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDCEF9

#EAF9CE

Analogous

#CED4F9

#F2CEF9

#DDCEF9

Triadic

#DDCEF9

#F9DDCE

#CEF9DD

Split Complementary

#DDCEF9

#F9F2CE

#D4F9CE

Tetradic

#DDCEF9

#F9CED4

#EAF9CE

#CEF9F2

Color Blindness Simulation

Original

#DDCEF9

Protanopia

#D7D6EF

Deuteranopia

#D7D8EC

Tritanopia

#DCE6E5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6F2FC
100
#EAE1F9
200
#D3BFF7
300
#B392F2
400
#8A57EA
500
#611CE3
600
#4E16B6
700
#3E1291
800
#310E72
900
#260E53
950
#180934

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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