#D8DCFD

#D8DCFD

Color Values

HEX

#D8DCFD

RGB

216, 220, 253

HSL

233,5, 90,2%, 92,0%

HSV

233,5, 14,6%, 99,2%

CMYK

14,6%, 13,0%, 0,0%, 0,8%

OKLCH

0,9017 0,0453 280,0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D8DCFD

#FDF9D8

Analogous

#D8EFFD

#E7D8FD

#D8DCFD

Triadic

#D8DCFD

#FDD8DC

#DCFDD8

Split Complementary

#D8DCFD

#FDE7D8

#EFFDD8

Tetradic

#D8DCFD

#FDD8EF

#FDF9D8

#D8FDE7

Color Blindness Simulation

Original

#D8DCFD

Protanopia

#DADAF5

Deuteranopia

#DAD9F3

Tritanopia

#D8EFED

Achromatopsia

#DEDEDE

CSS Usage

background-color: #D8DCFD;
color: #D8DCFD;
border-color: #D8DCFD;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BBC2FC
300
#8B97F9
400
#4C5EF6
500
#0C25F3
600
#0A1EC2
700
#08189B
800
#061379
900
#091258
950
#060B37

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,58: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