#DDBDFB

#DDBDFB

Color Values

HEX

#DDBDFB

RGB

221, 189, 251

HSL

271,0, 88,6%, 86,3%

HSV

271,0, 24,7%, 98,4%

CMYK

12,0%, 24,7%, 0,0%, 1,6%

OKLCH

0,8463 0,0912 308,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDBDFB

#DBFBBD

Analogous

#BEBDFB

#FBBDFA

#DDBDFB

Triadic

#DDBDFB

#FBDDBD

#BDFBDD

Split Complementary

#DDBDFB

#FAFBBD

#BDFBBE

Tetradic

#DDBDFB

#FBBEBD

#DBFBBD

#BDFAFB

Color Blindness Simulation

Original

#DDBDFB

Protanopia

#CFCFEC

Deuteranopia

#D1D3E8

Tritanopia

#DBE0DE

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DCBCFB
300
#C48CF8
400
#A34DF4
500
#830FF0
600
#690CC0
700
#54099A
800
#420778
900
#320A57
950
#1F0637

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026