#D9D6EB

#D9D6EB

Color Values

HEX

#D9D6EB

RGB

217, 214, 235

HSL

248.6, 34.4%, 88.0%

HSV

248.6, 8.9%, 92.2%

CMYK

7.7%, 8.9%, 0.0%, 7.8%

OKLCH

0.8848 0.0288 292.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9D6EB

#E8EBD6

Analogous

#D6DDEB

#E3D6EB

#D9D6EB

Triadic

#D9D6EB

#EBD9D6

#D6EBD9

Split Complementary

#D9D6EB

#EBE3D6

#DDEBD6

Tetradic

#D9D6EB

#EBD6DD

#E8EBD6

#D6EBE3

Color Blindness Simulation

Original

#D9D6EB

Protanopia

#D8D8E6

Deuteranopia

#D8D8E5

Tritanopia

#D9E2E1

Achromatopsia

#D8D8D8

CSS Usage

background-color: #D9D6EB;
color: #D9D6EB;
border-color: #D9D6EB;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D3CFE8
300
#B3ADD7
400
#8980C1
500
#6054AB
600
#4D4389
700
#3E366E
800
#302A56
900
#26213F
950
#181528

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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