#DFD4FD

#DFD4FD

Color Values

HEX

#DFD4FD

RGB

223, 212, 253

HSL

256,1, 91,1%, 91,2%

HSV

256,1, 16,2%, 99,2%

CMYK

11,9%, 16,2%, 0,0%, 0,8%

OKLCH

0,8917 0,0568 297,5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DFD4FD

#F2FDD4

Analogous

#D4DEFD

#F4D4FD

#DFD4FD

Triadic

#DFD4FD

#FDDFD4

#D4FDDF

Split Complementary

#DFD4FD

#FDF4D4

#DEFDD4

Tetradic

#DFD4FD

#FDD4DE

#F2FDD4

#D4FDF4

Color Blindness Simulation

Original

#DFD4FD

Protanopia

#DADAF3

Deuteranopia

#DBDCF1

Tritanopia

#DEEBEA

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBBFC
300
#A88AFA
400
#794BF7
500
#4A0BF4
600
#3B09C3
700
#2F079C
800
#25067A
900
#1E0958
950
#130638

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026