#DDD6DC

#DDD6DC

Color Values

HEX

#DDD6DC

RGB

221, 214, 220

HSL

308.6, 9.3%, 85.3%

HSV

308.6, 3.2%, 86.7%

CMYK

0.0%, 3.2%, 0.5%, 13.3%

OKLCH

0.8834 0.0111 330.2

Properties

Warm Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#DDD6DC

#D6DDD7

Analogous

#DBD6DD

#DDD6D9

#DDD6DC

Triadic

#DDD6DC

#DCDDD6

#D6DCDD

Split Complementary

#DDD6DC

#D9DDD6

#D6DDDB

Tetradic

#DDD6DC

#DDDBD6

#D6DDD7

#D6D9DD

Color Blindness Simulation

Original

#DDD6DC

Protanopia

#DADADB

Deuteranopia

#DADBDA

Tritanopia

#DDD9D9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C7BCC6
400
#A998A7
500
#8B7488
600
#6F5D6D
700
#594A57
800
#463A44
900
#352C33
950
#211C20

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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