#D8DCF5

#D8DCF5

Color Values

HEX

#D8DCF5

RGB

216, 220, 245

HSL

231.7, 59.2%, 90.4%

HSV

231.7, 11.8%, 96.1%

CMYK

11.8%, 10.2%, 0.0%, 3.9%

OKLCH

0.8991 0.0344 278.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D8DCF5

#F5F1D8

Analogous

#D8EBF5

#E3D8F5

#D8DCF5

Triadic

#D8DCF5

#F5D8DC

#DCF5D8

Split Complementary

#D8DCF5

#F5E3D8

#EBF5D8

Tetradic

#D8DCF5

#F5D8EB

#F5F1D8

#D8F5E3

Color Blindness Simulation

Original

#D8DCF5

Protanopia

#DADAEF

Deuteranopia

#DAD9EE

Tritanopia

#D8EAE9

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CCF0
300
#9EA8E6
400
#6978D9
500
#3449CB
600
#2A3AA2
700
#212F82
800
#1A2465
900
#171E4A
950
#0E132F

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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