#D8DBF1

#D8DBF1

Color Values

HEX

#D8DBF1

RGB

216, 219, 241

HSL

232.8, 47.2%, 89.6%

HSV

232.8, 10.4%, 94.5%

CMYK

10.4%, 9.1%, 0.0%, 5.5%

OKLCH

0.8958 0.0302 279.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D8DBF1

#F1EED8

Analogous

#D8E7F1

#E1D8F1

#D8DBF1

Triadic

#D8DBF1

#F1D8DB

#DBF1D8

Split Complementary

#D8DBF1

#F1E1D8

#E7F1D8

Tetradic

#D8DBF1

#F1D8E7

#F1EED8

#D8F1E1

Color Blindness Simulation

Original

#D8DBF1

Protanopia

#D9D9EC

Deuteranopia

#D9D9EA

Tritanopia

#D8E7E7

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CACEEC
300
#A5ACDF
400
#747FCD
500
#4352BC
600
#364196
700
#2B3478
800
#22295E
900
#1C2145
950
#12152C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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