#D4DBFD

#D4DBFD

Color Values

HEX

#D4DBFD

RGB

212, 219, 253

HSL

229,8, 91,1%, 91,2%

HSV

229,8, 16,2%, 99,2%

CMYK

16,2%, 13,4%, 0,0%, 0,8%

OKLCH

0,8968 0,0473 276,2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D4DBFD

#FDF6D4

Analogous

#D4F0FD

#E2D4FD

#D4DBFD

Triadic

#D4DBFD

#FDD4DB

#DBFDD4

Split Complementary

#D4DBFD

#FDE2D4

#F0FDD4

Tetradic

#D4DBFD

#FDD4F0

#FDF6D4

#D4FDE2

Color Blindness Simulation

Original

#D4DBFD

Protanopia

#D7D7F5

Deuteranopia

#D7D6F3

Tritanopia

#D4EEED

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE4FB
200
#BBC6FC
300
#8A9DFA
400
#4B68F7
500
#0B33F4
600
#0929C3
700
#07219C
800
#06197A
900
#091658
950
#060E38

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026