#DFD2F3

#DFD2F3

Color Values

HEX

#DFD2F3

RGB

223, 210, 243

HSL

263.6, 57.9%, 88.8%

HSV

263.6, 13.6%, 95.3%

CMYK

8.2%, 13.6%, 0.0%, 4.7%

OKLCH

0.8844 0.0468 303.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DFD2F3

#E6F3D2

Analogous

#D2D5F3

#EFD2F3

#DFD2F3

Triadic

#DFD2F3

#F3DFD2

#D2F3DF

Split Complementary

#DFD2F3

#F3EFD2

#D5F3D2

Tetradic

#DFD2F3

#F3D2D5

#E6F3D2

#D2F3EF

Color Blindness Simulation

Original

#DFD2F3

Protanopia

#D9D9EB

Deuteranopia

#DADBE9

Tritanopia

#DEE5E3

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EBE4F6
200
#D7C7F0
300
#BA9EE5
400
#956AD7
500
#7036C9
600
#592BA1
700
#482281
800
#381B65
900
#2B174A
950
#1B0F2F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026