#DAD4FD

#DAD4FD

Color Values

HEX

#DAD4FD

RGB

218, 212, 253

HSL

248.8, 91.1%, 91.2%

HSV

248.8, 16.2%, 99.2%

CMYK

13.8%, 16.2%, 0.0%, 0.8%

OKLCH

0.8877 0.0563 291.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DAD4FD

#F7FDD4

Analogous

#D4E3FD

#EFD4FD

#DAD4FD

Triadic

#DAD4FD

#FDDAD4

#D4FDDA

Split Complementary

#DAD4FD

#FDEFD4

#E3FDD4

Tetradic

#DAD4FD

#FDD4E3

#F7FDD4

#D4FDEF

Color Blindness Simulation

Original

#DAD4FD

Protanopia

#D7D7F3

Deuteranopia

#D8D8F1

Tritanopia

#DAEBEA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C4BBFC
300
#9A8AFA
400
#644BF7
500
#2D0BF4
600
#2409C3
700
#1D079C
800
#17067A
900
#140958
950
#0D0638

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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