#DDBFDE

#DDBFDE

Color Values

HEX

#DDBFDE

RGB

221, 191, 222

HSL

298.1, 32.0%, 81.0%

HSV

298.1, 14.0%, 87.1%

CMYK

0.5%, 14.0%, 0.0%, 12.9%

OKLCH

0.8396 0.0536 325.0

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DDBFDE

#C0DEBF

Analogous

#CEBFDE

#DEBFD0

#DDBFDE

Triadic

#DDBFDE

#DEDDBF

#BFDEDD

Split Complementary

#DDBFDE

#D0DEBF

#BFDECE

Tetradic

#DDBFDE

#DECEBF

#C0DEBF

#BFD0DE

Color Blindness Simulation

Original

#DDBFDE

Protanopia

#D0D0D7

Deuteranopia

#D2D4D5

Tritanopia

#DCD1CF

Achromatopsia

#C8C8C8

CSS Usage

background-color: #DDBFDE;
color: #DDBFDE;
border-color: #DDBFDE;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E6D0E7
300
#D4AED5
400
#BD82BF
500
#A657A8
600
#854587
700
#6A376C
800
#532B54
900
#3E223E
950
#271627

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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