#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026