#D6DEFD

#D6DEFD

Color Values

HEX

#D6DEFD

RGB

214, 222, 253

HSL

227.7, 90.7%, 91.6%

HSV

227.7, 15.4%, 99.2%

CMYK

15.4%, 12.3%, 0.0%, 0.8%

OKLCH

0.9042 0.0433 274.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D6DEFD

#FDF5D6

Analogous

#D6F2FD

#E2D6FD

#D6DEFD

Triadic

#D6DEFD

#FDD6DE

#DEFDD6

Split Complementary

#D6DEFD

#FDE2D6

#F2FDD6

Tetradic

#D6DEFD

#FDD6F2

#FDF5D6

#D6FDE2

Color Blindness Simulation

Original

#D6DEFD

Protanopia

#D9DAF6

Deuteranopia

#D9D8F4

Tritanopia

#D6F0EE

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8AA1F9
400
#4B6EF6
500
#0C3BF3
600
#092FC3
700
#08269C
800
#061E7A
900
#091958
950
#061038

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026