#D9DBF2

#D9DBF2

Color Values

HEX

#D9DBF2

RGB

217, 219, 242

HSL

235.2, 49.0%, 90.0%

HSV

235.2, 10.3%, 94.9%

CMYK

10.3%, 9.5%, 0.0%, 5.1%

OKLCH

0.8969 0.0314 281.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9DBF2

#F2F0D9

Analogous

#D9E7F2

#E4D9F2

#D9DBF2

Triadic

#D9DBF2

#F2D9DB

#DBF2D9

Split Complementary

#D9DBF2

#F2E4D9

#E7F2D9

Tetradic

#D9DBF2

#F2D9E7

#F2F0D9

#D9F2E4

Color Blindness Simulation

Original

#D9DBF2

Protanopia

#DADAEC

Deuteranopia

#DADAEB

Tritanopia

#D9E8E7

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A4A9E0
400
#727ACF
500
#414BBE
600
#343C98
700
#2A307A
800
#21265F
900
#1B1F46
950
#11132C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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