#D8DFEF

#D8DFEF

Color Values

HEX

#D8DFEF

RGB

216, 223, 239

HSL

221.7, 41.8%, 89.2%

HSV

221.7, 9.6%, 93.7%

CMYK

9.6%, 6.7%, 0.0%, 6.3%

OKLCH

0.9031 0.0231 266.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D8DFEF

#EFE8D8

Analogous

#D8EAEF

#DCD8EF

#D8DFEF

Triadic

#D8DFEF

#EFD8DF

#DFEFD8

Split Complementary

#D8DFEF

#EFDCD8

#EAEFD8

Tetradic

#D8DFEF

#EFD8EA

#EFE8D8

#D8EFDC

Color Blindness Simulation

Original

#D8DFEF

Protanopia

#DBDBEB

Deuteranopia

#DBDAEA

Tritanopia

#D8E8E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CCD5EA
300
#A8B8DB
400
#7991C8
500
#4A6BB5
600
#3B5591
700
#2F4474
800
#25355A
900
#1E2943
950
#131A2A

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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