#DDB4D0

#DDB4D0

Color Values

HEX

#DDB4D0

RGB

221, 180, 208

HSL

319.0, 37.6%, 78.6%

HSV

319.0, 18.6%, 86.7%

CMYK

0.0%, 18.6%, 5.9%, 13.3%

OKLCH

0.8145 0.06 338.0

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDB4D0

#B4DDC1

Analogous

#D5B4DD

#DDB4BB

#DDB4D0

Triadic

#DDB4D0

#D0DDB4

#B4D0DD

Split Complementary

#DDB4D0

#BBDDB4

#B4DDD5

Tetradic

#DDB4D0

#DDD5B4

#B4DDC1

#B4BBDD

Color Blindness Simulation

Original

#DDB4D0

Protanopia

#CBCBC9

Deuteranopia

#CED1C8

Tritanopia

#DBC4C3

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEE0
300
#D9ABCA
400
#C47DAE
500
#AF5091
600
#8C4074
700
#70335D
800
#582849
900
#412036
950
#291422

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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