#DDCCDA

#DDCCDA

Color Values

HEX

#DDCCDA

RGB

221, 204, 218

HSL

310.6, 20.0%, 83.3%

HSV

310.6, 7.7%, 86.7%

CMYK

0.0%, 7.7%, 1.4%, 13.3%

OKLCH

0.8632 0.0266 331.6

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DDCCDA

#CCDDCF

Analogous

#D7CCDD

#DDCCD1

#DDCCDA

Triadic

#DDCCDA

#DADDCC

#CCDADD

Split Complementary

#DDCCDA

#D1DDCC

#CCDDD7

Tetradic

#DDCCDA

#DDD7CC

#CCDDCF

#CCD1DD

Color Blindness Simulation

Original

#DDCCDA

Protanopia

#D6D5D7

Deuteranopia

#D7D8D6

Tritanopia

#DCD4D3

Achromatopsia

#D1D1D1

CSS Usage

background-color: #DDCCDA;
color: #DDCCDA;
border-color: #DDCCDA;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4E0
300
#CEB6CA
400
#B48EAD
500
#996690
600
#7A5273
700
#62415C
800
#4D3348
900
#392836
950
#241922

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026