#D9EDFD

#D9EDFD

Color Values

HEX

#D9EDFD

RGB

217, 237, 253

HSL

206.7, 90.0%, 92.2%

HSV

206.7, 14.2%, 99.2%

CMYK

14.2%, 6.3%, 0.0%, 0.8%

OKLCH

0.9362 0.0304 242.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9EDFD

#FDE9D9

Analogous

#D9FDFB

#D9DBFD

#D9EDFD

Triadic

#D9EDFD

#FDD9ED

#EDFDD9

Split Complementary

#D9EDFD

#FDD9DB

#FDFBD9

Tetradic

#D9EDFD

#FBD9FD

#FDE9D9

#DBFDD9

Color Blindness Simulation

Original

#D9EDFD

Protanopia

#E2E2F9

Deuteranopia

#E0DFF8

Tritanopia

#DAF6F5

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBDFFB
300
#8BC8F9
400
#4CAAF6
500
#0D8CF2
600
#0A70C2
700
#085A9B
800
#064679
900
#093558
950
#062137

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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