#D9E2F2

#D9E2F2

Color Values

HEX

#D9E2F2

RGB

217, 226, 242

HSL

218.4, 49.0%, 90.0%

HSV

218.4, 10.3%, 94.9%

CMYK

10.3%, 6.6%, 0.0%, 5.1%

OKLCH

0.9108 0.0239 262.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9E2F2

#F2E9D9

Analogous

#D9EEF2

#DDD9F2

#D9E2F2

Triadic

#D9E2F2

#F2D9E2

#E2F2D9

Split Complementary

#D9E2F2

#F2DDD9

#EEF2D9

Tetradic

#D9E2F2

#F2D9EE

#F2E9D9

#D9F2DD

Color Blindness Simulation

Original

#D9E2F2

Protanopia

#DDDDEE

Deuteranopia

#DCDCED

Tritanopia

#D9EBEA

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD6ED
300
#A4B9E0
400
#7294CF
500
#416EBE
600
#345898
700
#2A467A
800
#21375F
900
#1B2A46
950
#111B2C

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.11:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026