#D9DAED

#D9DAED

Color Values

HEX

#D9DAED

RGB

217, 218, 237

HSL

237,0, 35,7%, 89,0%

HSV

237,0, 8,4%, 92,9%

CMYK

8,4%, 8,0%, 0,0%, 7,1%

OKLCH

0,8933 0,0259 283,5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9DAED

#EDECD9

Analogous

#D9E4ED

#E2D9ED

#D9DAED

Triadic

#D9DAED

#EDD9DA

#DAEDD9

Split Complementary

#D9DAED

#EDE2D9

#E4EDD9

Tetradic

#D9DAED

#EDD9E4

#EDECD9

#D9EDE2

Color Blindness Simulation

Original

#D9DAED

Protanopia

#D9D9E8

Deuteranopia

#D9D9E7

Tritanopia

#D9E5E4

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFD0E8
300
#ACAED8
400
#7F82C2
500
#5257AD
600
#42458A
700
#34376F
800
#292B57
900
#212240
950
#151628

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,2: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