#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026