#DDBFDF

#DDBFDF

Color Values

HEX

#DDBFDF

RGB

221, 191, 223

HSL

296.2, 33.3%, 81.2%

HSV

296.2, 14.3%, 87.5%

CMYK

0.9%, 14.3%, 0.0%, 12.5%

OKLCH

0.84 0.0547 324.1

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DDBFDF

#C1DFBF

Analogous

#CDBFDF

#DFBFD1

#DDBFDF

Triadic

#DDBFDF

#DFDDBF

#BFDFDD

Split Complementary

#DDBFDF

#D1DFBF

#BFDFCD

Tetradic

#DDBFDF

#DFCDBF

#C1DFBF

#BFD1DF

Color Blindness Simulation

Original

#DDBFDF

Protanopia

#D0D0D7

Deuteranopia

#D2D4D5

Tritanopia

#DCD1D0

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E8F2
200
#E6CFE7
300
#D4ADD6
400
#BC81C0
500
#A555AA
600
#844488
700
#69366D
800
#522B55
900
#3D223F
950
#271528

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026