#D9DBF5

#D9DBF5

Color Values

HEX

#D9DBF5

RGB

217, 219, 245

HSL

235.7, 58.3%, 90.6%

HSV

235.7, 11.4%, 96.1%

CMYK

11.4%, 10.6%, 0.0%, 3.9%

OKLCH

0.8979 0.0355 282.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9DBF5

#F5F3D9

Analogous

#D9E9F5

#E5D9F5

#D9DBF5

Triadic

#D9DBF5

#F5D9DB

#DBF5D9

Split Complementary

#D9DBF5

#F5E5D9

#E9F5D9

Tetradic

#D9DBF5

#F5D9E9

#F5F3D9

#D9F5E5

Color Blindness Simulation

Original

#D9DBF5

Protanopia

#DADAEF

Deuteranopia

#DADAED

Tritanopia

#D9EAE9

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C6C9F0
300
#9EA3E5
400
#6A72D8
500
#3540CA
600
#2B33A1
700
#222981
800
#1B2065
900
#171B4A
950
#0F112F

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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