#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026