#DFCFE9

#DFCFE9

Color Values

HEX

#DFCFE9

RGB

223, 207, 233

HSL

276.9, 37.1%, 86.3%

HSV

276.9, 11.2%, 91.4%

CMYK

4.3%, 11.2%, 0.0%, 8.6%

OKLCH

0.8754 0.0392 312.6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DFCFE9

#D9E9CF

Analogous

#D2CFE9

#E9CFE6

#DFCFE9

Triadic

#DFCFE9

#E9DFCF

#CFE9DF

Split Complementary

#DFCFE9

#E6E9CF

#CFE9D2

Tetradic

#DFCFE9

#E9D2CF

#D9E9CF

#CFE6E9

Color Blindness Simulation

Original

#DFCFE9

Protanopia

#D8D8E3

Deuteranopia

#D9DAE1

Tritanopia

#DEDEDD

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE9
300
#C7ABD9
400
#A97EC4
500
#8A50AF
600
#6F408C
700
#593370
800
#452857
900
#342041
950
#211429

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026