#D8D1DA

#D8D1DA

Color Values

HEX

#D8D1DA

RGB

216, 209, 218

HSL

286.7, 10.8%, 83.7%

HSV

286.7, 4.1%, 85.5%

CMYK

0.9%, 4.1%, 0.0%, 14.5%

OKLCH

0.8689 0.0144 318.7

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#D8D1DA

#D3DAD1

Analogous

#D3D1DA

#DAD1D7

#D8D1DA

Triadic

#D8D1DA

#DAD8D1

#D1DAD8

Split Complementary

#D8D1DA

#D7DAD1

#D1DAD3

Tetradic

#D8D1DA

#DAD3D1

#D3DAD1

#D1D7DA

Color Blindness Simulation

Original

#D8D1DA

Protanopia

#D5D5D8

Deuteranopia

#D5D6D7

Tritanopia

#D8D6D6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD7DF
300
#C5BBC8
400
#A696AB
500
#87728D
600
#6C5B71
700
#57495A
800
#443947
900
#332C35
950
#201C22

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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