#DEBCFD

#DEBCFD

Color Values

HEX

#DEBCFD

RGB

222, 188, 253

HSL

271.4, 94.2%, 86.5%

HSV

271.4, 25.7%, 99.2%

CMYK

12.3%, 25.7%, 0.0%, 0.8%

OKLCH

0.8461 0.0957 308.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DEBCFD

#DBFDBC

Analogous

#BEBCFD

#FDBCFB

#DEBCFD

Triadic

#DEBCFD

#FDDEBC

#BCFDDE

Split Complementary

#DEBCFD

#FBFDBC

#BCFDBE

Tetradic

#DEBCFD

#FDBEBC

#DBFDBC

#BCFBFD

Color Blindness Simulation

Original

#DEBCFD

Protanopia

#CFCFED

Deuteranopia

#D1D4EA

Tritanopia

#DCE1DE

Achromatopsia

#C8C8C8

CSS Usage

background-color: #DEBCFD;
color: #DEBCFD;
border-color: #DEBCFD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBAFD
300
#C488FB
400
#A548FA
500
#8507F8
600
#6A06C6
700
#55059E
800
#43047C
900
#32075A
950
#200539

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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