#DCD8F1

#DCD8F1

Color Values

HEX

#DCD8F1

RGB

220, 216, 241

HSL

249.6, 47.2%, 89.6%

HSV

249.6, 10.4%, 94.5%

CMYK

8.7%, 10.4%, 0.0%, 5.5%

OKLCH

0.893 0.0342 293.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCD8F1

#EDF1D8

Analogous

#D8E0F1

#E8D8F1

#DCD8F1

Triadic

#DCD8F1

#F1DCD8

#D8F1DC

Split Complementary

#DCD8F1

#F1E8D8

#E0F1D8

Tetradic

#DCD8F1

#F1D8E0

#EDF1D8

#D8F1E8

Color Blindness Simulation

Original

#DCD8F1

Protanopia

#DADAEB

Deuteranopia

#DADBEA

Tritanopia

#DCE6E5

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAEC
300
#AEA5DF
400
#8274CD
500
#5743BC
600
#453696
700
#372B78
800
#2B225E
900
#221C45
950
#16122C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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