#DDC2FC

#DDC2FC

Color Values

HEX

#DDC2FC

RGB

221, 194, 252

HSL

267.9, 90.6%, 87.5%

HSV

267.9, 23.0%, 98.8%

CMYK

12.3%, 23.0%, 0.0%, 1.2%

OKLCH

0.8558 0.0841 305.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDC2FC

#E1FCC2

Analogous

#C2C4FC

#FAC2FC

#DDC2FC

Triadic

#DDC2FC

#FCDDC2

#C2FCDD

Split Complementary

#DDC2FC

#FCFAC2

#C4FCC2

Tetradic

#DDC2FC

#FCC2C4

#E1FCC2

#C2FCFA

Color Blindness Simulation

Original

#DDC2FC

Protanopia

#D1D1EE

Deuteranopia

#D3D5EB

Tritanopia

#DCE3E0

Achromatopsia

#CCCCCC

CSS Usage

background-color: #DDC2FC;
color: #DDC2FC;
border-color: #DDC2FC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BBFC
300
#BE8AF9
400
#9B4BF6
500
#770CF3
600
#600AC2
700
#4C089C
800
#3C067A
900
#2E0958
950
#1D0638

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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