#DDB9DF

#DDB9DF

Color Values

HEX

#DDB9DF

RGB

221, 185, 223

HSL

296,8, 37,3%, 80,0%

HSV

296,8, 17,0%, 87,5%

CMYK

0,9%, 17,0%, 0,0%, 12,5%

OKLCH

0,8288 0,0653 324,5

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DDB9DF

#BBDFB9

Analogous

#CAB9DF

#DFB9CE

#DDB9DF

Triadic

#DDB9DF

#DFDDB9

#B9DFDD

Split Complementary

#DDB9DF

#CEDFB9

#B9DFCA

Tetradic

#DDB9DF

#DFCAB9

#BBDFB9

#B9CEDF

Color Blindness Simulation

Original

#DDB9DF

Protanopia

#CDCDD6

Deuteranopia

#D0D2D4

Tritanopia

#DBCFCD

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E7CEE9
300
#D6ABD9
400
#C07DC4
500
#AA50AF
600
#88408C
700
#6D3370
800
#552858
900
#3F2041
950
#281429

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

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