#DFCFE6

#DFCFE6

Color Values

HEX

#DFCFE6

RGB

223, 207, 230

HSL

281.7, 31.5%, 85.7%

HSV

281.7, 10.0%, 90.2%

CMYK

3.0%, 10.0%, 0.0%, 9.8%

OKLCH

0.8744 0.0356 315.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DFCFE6

#D6E6CF

Analogous

#D4CFE6

#E6CFE2

#DFCFE6

Triadic

#DFCFE6

#E6DFCF

#CFE6DF

Split Complementary

#DFCFE6

#E2E6CF

#CFE6D4

Tetradic

#DFCFE6

#E6D4CF

#D6E6CF

#CFE2E6

Color Blindness Simulation

Original

#DFCFE6

Protanopia

#D8D8E0

Deuteranopia

#D9DADF

Tritanopia

#DEDCDB

Achromatopsia

#D4D4D4

CSS Usage

background-color: #DFCFE6;
color: #DFCFE6;
border-color: #DFCFE6;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#C9AFD5
400
#AC83BE
500
#8F57A8
600
#734686
700
#5C386B
800
#482C54
900
#36233E
950
#221627

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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