#DDBDDF

#DDBDDF

Color Values

HEX

#DDBDDF

RGB

221, 189, 223

HSL

296,5, 34,7%, 80,8%

HSV

296,5, 15,2%, 87,5%

CMYK

0,9%, 15,2%, 0,0%, 12,5%

OKLCH

0,8362 0,0582 324,2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DDBDDF

#BFDFBD

Analogous

#CCBDDF

#DFBDD0

#DDBDDF

Triadic

#DDBDDF

#DFDDBD

#BDDFDD

Split Complementary

#DDBDDF

#D0DFBD

#BDDFCC

Tetradic

#DDBDDF

#DFCCBD

#BFDFBD

#BDD0DF

Color Blindness Simulation

Original

#DDBDDF

Protanopia

#CFCFD7

Deuteranopia

#D1D3D5

Tritanopia

#DBD0CF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E8F2
200
#E6CFE8
300
#D5ADD7
400
#BE80C1
500
#A753AC
600
#854389
700
#6B356E
800
#532A56
900
#3E2140
950
#271528

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,42: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