#DDBAD8

#DDBAD8

Color Values

HEX

#DDBAD8

RGB

221, 186, 216

HSL

308,6, 34,0%, 79,8%

HSV

308,6, 15,8%, 86,7%

CMYK

0,0%, 15,8%, 2,3%, 13,3%

OKLCH

0,8283 0,0565 330,8

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDBAD8

#BADDBF

Analogous

#D1BADD

#DDBAC6

#DDBAD8

Triadic

#DDBAD8

#D8DDBA

#BAD8DD

Split Complementary

#DDBAD8

#C6DDBA

#BADDD1

Tetradic

#DDBAD8

#DDD1BA

#BADDBF

#BAC6DD

Color Blindness Simulation

Original

#DDBAD8

Protanopia

#CECED1

Deuteranopia

#D0D2CF

Tritanopia

#DBCBCA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E7CFE4
300
#D7ADD1
400
#C181B8
500
#AB549E
600
#89437F
700
#6D3665
800
#552A4F
900
#3F223B
950
#281525

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,09:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026