#DDCDDC

#DDCDDC

Color Values

HEX

#DDCDDC

RGB

221, 205, 220

HSL

303,8, 19,0%, 83,5%

HSV

303,8, 7,2%, 86,7%

CMYK

0,0%, 7,2%, 0,5%, 13,3%

OKLCH

0,8658 0,0268 327,7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DDCDDC

#CDDDCE

Analogous

#D6CDDD

#DDCDD4

#DDCDDC

Triadic

#DDCDDC

#DCDDCD

#CDDCDD

Split Complementary

#DDCDDC

#D4DDCD

#CDDDD6

Tetradic

#DDCDDC

#DDD6CD

#CDDDCE

#CDD4DD

Color Blindness Simulation

Original

#DDCDDC

Protanopia

#D6D6D8

Deuteranopia

#D7D8D8

Tritanopia

#DCD6D5

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D5E1
300
#CDB6CC
400
#B38FB0
500
#986795
600
#795377
700
#61425F
800
#4C344A
900
#392838
950
#241923

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026