#D4DAFD

#D4DAFD

Color Values

HEX

#D4DAFD

RGB

212, 218, 253

HSL

231.2, 91.1%, 91.2%

HSV

231.2, 16.2%, 99.2%

CMYK

16.2%, 13.8%, 0.0%, 0.8%

OKLCH

0.8948 0.0485 277.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D4DAFD

#FDF7D4

Analogous

#D4EFFD

#E3D4FD

#D4DAFD

Triadic

#D4DAFD

#FDD4DA

#DAFDD4

Split Complementary

#D4DAFD

#FDE3D4

#EFFDD4

Tetradic

#D4DAFD

#FDD4EF

#FDF7D4

#D4FDE3

Color Blindness Simulation

Original

#D4DAFD

Protanopia

#D7D7F5

Deuteranopia

#D6D6F2

Tritanopia

#D4EEEC

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC4FC
300
#8A9AFA
400
#4B64F7
500
#0B2DF4
600
#0924C3
700
#071D9C
800
#06177A
900
#091458
950
#060D38

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026