#D9ECF0

#D9ECF0

Color Values

HEX

#D9ECF0

RGB

217, 236, 240

HSL

190.4, 43.4%, 89.6%

HSV

190.4, 9.6%, 94.1%

CMYK

9.6%, 1.7%, 0.0%, 5.9%

OKLCH

0.9302 0.0209 211.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D9ECF0

#F0DDD9

Analogous

#D9F0E8

#D9E0F0

#D9ECF0

Triadic

#D9ECF0

#F0D9EC

#ECF0D9

Split Complementary

#D9ECF0

#F0D9E0

#F0E8D9

Tetradic

#D9ECF0

#E8D9F0

#F0DDD9

#E0F0D9

Color Blindness Simulation

Original

#D9ECF0

Protanopia

#E1E1EF

Deuteranopia

#E0DFEF

Tritanopia

#DAEEEE

Achromatopsia

#E8E8E8

CSS Usage

background-color: #D9ECF0;
color: #D9ECF0;
border-color: #D9ECF0;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F5F9FA
100
#E7F1F4
200
#CCE5EB
300
#A7D3DC
400
#78BBCA
500
#48A4B7
600
#3A8392
700
#2E6975
800
#24525B
900
#1E3D43
950
#13262B

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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