#DDCFEF

#DDCFEF

Color Values

HEX

#DDCFEF

RGB

221, 207, 239

HSL

266,2, 50,0%, 87,5%

HSV

266,2, 13,4%, 93,7%

CMYK

7,5%, 13,4%, 0,0%, 6,3%

OKLCH

0,8757 0,046 305,2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDCFEF

#E1EFCF

Analogous

#CFD1EF

#EDCFEF

#DDCFEF

Triadic

#DDCFEF

#EFDDCF

#CFEFDD

Split Complementary

#DDCFEF

#EFEDCF

#D1EFCF

Tetradic

#DDCFEF

#EFCFD1

#E1EFCF

#CFEFED

Color Blindness Simulation

Original

#DDCFEF

Protanopia

#D7D7E7

Deuteranopia

#D8D9E5

Tritanopia

#DCE1E0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9C9ED
300
#BEA3E0
400
#9B71D0
500
#7740BF
600
#603399
700
#4C297A
800
#3C2060
900
#2E1B46
950
#1D112C

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,25: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