#D9EAF7

#D9EAF7

Color Values

HEX

#D9EAF7

RGB

217, 234, 247

HSL

206.0, 65.2%, 91.0%

HSV

206.0, 12.1%, 96.9%

CMYK

12.1%, 5.3%, 0.0%, 3.1%

OKLCH

0.9283 0.0253 240.7

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#D9EAF7

#F7E6D9

Analogous

#D9F7F5

#D9DBF7

#D9EAF7

Triadic

#D9EAF7

#F7D9EA

#EAF7D9

Split Complementary

#D9EAF7

#F7D9DB

#F7F5D9

Tetradic

#D9EAF7

#F5D9F7

#F7E6D9

#DBF7D9

Color Blindness Simulation

Original

#D9EAF7

Protanopia

#E0E1F4

Deuteranopia

#DFDEF3

Tritanopia

#DAF1F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#9AC7EA
400
#63A9DE
500
#2C8BD3
600
#236FA9
700
#1C5987
800
#164569
900
#14344D
950
#0D2131

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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