#D9ECFC

#D9ECFC

Color Values

HEX

#D9ECFC

RGB

217, 236, 252

HSL

207.4, 85.4%, 92.0%

HSV

207.4, 13.9%, 98.8%

CMYK

13.9%, 6.3%, 0.0%, 1.2%

OKLCH

0.9339 0.0297 243.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9ECFC

#FCE9D9

Analogous

#D9FCFB

#D9DBFC

#D9ECFC

Triadic

#D9ECFC

#FCD9EC

#ECFCD9

Split Complementary

#D9ECFC

#FCD9DB

#FCFBD9

Tetradic

#D9ECFC

#FBD9FC

#FCE9D9

#DBFCD9

Color Blindness Simulation

Original

#D9ECFC

Protanopia

#E1E1F8

Deuteranopia

#E0DFF7

Tritanopia

#DAF5F4

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8EC6F6
400
#50A8F1
500
#1389EC
600
#0F6EBD
700
#0C5897
800
#094476
900
#0B3456
950
#072136

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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