#D9EBFB

#D9EBFB

Color Values

HEX

#D9EBFB

RGB

217, 235, 251

HSL

208.2, 81.0%, 91.8%

HSV

208.2, 13.5%, 98.4%

CMYK

13.5%, 6.4%, 0.0%, 1.6%

OKLCH

0.9315 0.029 244.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D9EBFB

#FBE9D9

Analogous

#D9FBFA

#D9DAFB

#D9EBFB

Triadic

#D9EBFB

#FBD9EB

#EBFBD9

Split Complementary

#D9EBFB

#FBD9DA

#FBFAD9

Tetradic

#D9EBFB

#FAD9FB

#FBE9D9

#DAFBD9

Color Blindness Simulation

Original

#D9EBFB

Protanopia

#E1E1F7

Deuteranopia

#E0DEF6

Tritanopia

#DAF4F3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BEDDF8
300
#90C5F3
400
#54A5ED
500
#1886E7
600
#136BB9
700
#105694
800
#0C4373
900
#0D3354
950
#082035

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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