#DDC3D2

#DDC3D2

Color Values

HEX

#DDC3D2

RGB

221, 195, 210

HSL

325.4, 27.7%, 81.6%

HSV

325.4, 11.8%, 86.7%

CMYK

0.0%, 11.8%, 5.0%, 13.3%

OKLCH

0.8434 0.0354 342.3

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDC3D2

#C3DDCE

Analogous

#DBC3DD

#DDC3C5

#DDC3D2

Triadic

#DDC3D2

#D2DDC3

#C3D2DD

Split Complementary

#DDC3D2

#C5DDC3

#C3DDDB

Tetradic

#DDC3D2

#DDDBC3

#C3DDCE

#C3C5DD

Color Blindness Simulation

Original

#DDC3D2

Protanopia

#D2D2CE

Deuteranopia

#D3D5CE

Tritanopia

#DCCCCB

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D1DD
300
#D3B1C4
400
#BB87A5
500
#A35C85
600
#824A6A
700
#683B55
800
#512E42
900
#3D2432
950
#261720

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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