#D9E7FD

#D9E7FD

Color Values

HEX

#D9E7FD

RGB

217, 231, 253

HSL

216.7, 90.0%, 92.2%

HSV

216.7, 14.2%, 99.2%

CMYK

14.2%, 8.7%, 0.0%, 0.8%

OKLCH

0.9242 0.0336 259.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9E7FD

#FDEFD9

Analogous

#D9F9FD

#DDD9FD

#D9E7FD

Triadic

#D9E7FD

#FDD9E7

#E7FDD9

Split Complementary

#D9E7FD

#FDDDD9

#F9FDD9

Tetradic

#D9E7FD

#FDD9F9

#FDEFD9

#D9FDDD

Color Blindness Simulation

Original

#D9E7FD

Protanopia

#DFDFF8

Deuteranopia

#DEDDF6

Tritanopia

#DAF3F3

Achromatopsia

#E6E6E6

CSS Usage

background-color: #D9E7FD;
color: #D9E7FD;
border-color: #D9E7FD;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD4FB
300
#8BB5F9
400
#4C8EF6
500
#0D66F2
600
#0A51C2
700
#08419B
800
#063379
900
#092858
950
#061937

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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