#D8DEEF

#D8DEEF

Color Values

HEX

#D8DEEF

RGB

216, 222, 239

HSL

224.3, 41.8%, 89.2%

HSV

224.3, 9.6%, 93.7%

CMYK

9.6%, 7.1%, 0.0%, 6.3%

OKLCH

0.9011 0.0241 270.3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D8DEEF

#EFE9D8

Analogous

#D8E9EF

#DDD8EF

#D8DEEF

Triadic

#D8DEEF

#EFD8DE

#DEEFD8

Split Complementary

#D8DEEF

#EFDDD8

#E9EFD8

Tetradic

#D8DEEF

#EFD8E9

#EFE9D8

#D8EFDD

Color Blindness Simulation

Original

#D8DEEF

Protanopia

#DBDBEB

Deuteranopia

#DADAEA

Tritanopia

#D8E8E7

Achromatopsia

#DEDEDE

CSS Usage

background-color: #D8DEEF;
color: #D8DEEF;
border-color: #D8DEEF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CCD4EA
300
#A8B6DB
400
#798EC8
500
#4A66B5
600
#3B5291
700
#2F4174
800
#25335A
900
#1E2843
950
#13192A

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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