#D6E3FD

#D6E3FD

Color Values

HEX

#D6E3FD

RGB

214, 227, 253

HSL

220.0, 90.7%, 91.6%

HSV

220.0, 15.4%, 99.2%

CMYK

15.4%, 10.3%, 0.0%, 0.8%

OKLCH

0.9141 0.0382 264.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D6E3FD

#FDF0D6

Analogous

#D6F7FD

#DDD6FD

#D6E3FD

Triadic

#D6E3FD

#FDD6E3

#E3FDD6

Split Complementary

#D6E3FD

#FDDDD6

#F7FDD6

Tetradic

#D6E3FD

#FDD6F7

#FDF0D6

#D6FDDD

Color Blindness Simulation

Original

#D6E3FD

Protanopia

#DCDCF7

Deuteranopia

#DBDAF5

Tritanopia

#D7F2F1

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE9FB
200
#BBD1FC
300
#8AAFF9
400
#4B84F6
500
#0C59F3
600
#0947C3
700
#08399C
800
#062C7A
900
#092358
950
#061638

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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