#DDB8C9

#DDB8C9

Color Values

HEX

#DDB8C9

RGB

221, 184, 201

HSL

332.4, 35.2%, 79.4%

HSV

332.4, 16.7%, 86.7%

CMYK

0.0%, 16.7%, 9.0%, 13.3%

OKLCH

0.8198 0.0479 348.8

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDB8C9

#B8DDCC

Analogous

#DDB8DB

#DDB9B8

#DDB8C9

Triadic

#DDB8C9

#C9DDB8

#B8C9DD

Split Complementary

#DDB8C9

#B8DDB9

#B8DBDD

Tetradic

#DDB8C9

#DBDDB8

#B8DDCC

#B9B8DD

Color Blindness Simulation

Original

#DDB8C9

Protanopia

#CDCDC5

Deuteranopia

#CFD2C4

Tritanopia

#DBC2C1

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E8CFDA
300
#D7ACC0
400
#C27F9E
500
#AC537C
600
#8A4263
700
#6E354F
800
#56293E
900
#40212F
950
#28151E

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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