#D4DEFD

#D4DEFD

Color Values

HEX

#D4DEFD

RGB

212, 222, 253

HSL

225.4, 91.1%, 91.2%

HSV

225.4, 16.2%, 99.2%

CMYK

16.2%, 12.3%, 0.0%, 0.8%

OKLCH

0.9027 0.0439 271.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D4DEFD

#FDF3D4

Analogous

#D4F3FD

#DFD4FD

#D4DEFD

Triadic

#D4DEFD

#FDD4DE

#DEFDD4

Split Complementary

#D4DEFD

#FDDFD4

#F3FDD4

Tetradic

#D4DEFD

#FDD4F3

#FDF3D4

#D4FDDF

Color Blindness Simulation

Original

#D4DEFD

Protanopia

#D8D8F6

Deuteranopia

#D8D7F4

Tritanopia

#D4F0EE

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BBCBFC
300
#8AA5FA
400
#4B75F7
500
#0B44F4
600
#0936C3
700
#072B9C
800
#06227A
900
#091C58
950
#061238

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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