#DFC1DA

#DFC1DA

Color Values

HEX

#DFC1DA

RGB

223, 193, 218

HSL

310.0, 31.9%, 81.6%

HSV

310.0, 13.5%, 87.5%

CMYK

0.0%, 13.5%, 2.2%, 12.5%

OKLCH

0.8439 0.0475 331.6

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFC1DA

#C1DFC6

Analogous

#D5C1DF

#DFC1CB

#DFC1DA

Triadic

#DFC1DA

#DADFC1

#C1DADF

Split Complementary

#DFC1DA

#CBDFC1

#C1DFD5

Tetradic

#DFC1DA

#DFD5C1

#C1DFC6

#C1CBDF

Color Blindness Simulation

Original

#DFC1DA

Protanopia

#D2D2D4

Deuteranopia

#D4D6D2

Tritanopia

#DECFCE

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DFC1DA;
color: #DFC1DA;
border-color: #DFC1DA;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F5F9
100
#F2E8F0
200
#E7D0E3
300
#D5AECF
400
#BF83B5
500
#A8579B
600
#87457C
700
#6C3863
800
#542B4D
900
#3E233A
950
#271624

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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