#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

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