#DDC5D3

#DDC5D3

Color Values

HEX

#DDC5D3

RGB

221, 197, 211

HSL

325.0, 26.1%, 82.0%

HSV

325.0, 10.9%, 86.7%

CMYK

0.0%, 10.9%, 4.5%, 13.3%

OKLCH

0.8476 0.0328 341.9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDC5D3

#C5DDCF

Analogous

#DBC5DD

#DDC5C7

#DDC5D3

Triadic

#DDC5D3

#D3DDC5

#C5D3DD

Split Complementary

#DDC5D3

#C7DDC5

#C5DDDB

Tetradic

#DDC5D3

#DDDBC5

#C5DDCF

#C5C7DD

Color Blindness Simulation

Original

#DDC5D3

Protanopia

#D3D2D0

Deuteranopia

#D4D6CF

Tritanopia

#DCCDCC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DD
300
#D2B2C4
400
#B988A5
500
#A15E85
600
#814B6A
700
#673C55
800
#502F43
900
#3C2532
950
#261720

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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