#D8EDFE

#D8EDFE

Color Values

HEX

#D8EDFE

RGB

216, 237, 254

HSL

206.8, 95.0%, 92.2%

HSV

206.8, 15.0%, 99.6%

CMYK

15.0%, 6.7%, 0.0%, 0.4%

OKLCH

0.9358 0.0321 242.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D8EDFE

#FEE9D8

Analogous

#D8FEFC

#D8DAFE

#D8EDFE

Triadic

#D8EDFE

#FED8ED

#EDFED8

Split Complementary

#D8EDFE

#FED8DA

#FEFCD8

Tetradic

#D8EDFE

#FCD8FE

#FEE9D8

#DAFED8

Color Blindness Simulation

Original

#D8EDFE

Protanopia

#E1E1FA

Deuteranopia

#E0DEF9

Tritanopia

#D9F7F6

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFD
300
#88C8FC
400
#47AAFA
500
#068CF9
600
#0570C7
700
#045A9F
800
#03467C
900
#07355A
950
#042139

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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