#DFC2DA

#DFC2DA

Color Values

HEX

#DFC2DA

RGB

223, 194, 218

HSL

310,3, 31,2%, 81,8%

HSV

310,3, 13,0%, 87,5%

CMYK

0,0%, 13,0%, 2,2%, 12,5%

OKLCH

0,8458 0,0457 331,7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFC2DA

#C2DFC7

Analogous

#D6C2DF

#DFC2CC

#DFC2DA

Triadic

#DFC2DA

#DADFC2

#C2DADF

Split Complementary

#DFC2DA

#CCDFC2

#C2DFD6

Tetradic

#DFC2DA

#DFD6C2

#C2DFC7

#C2CCDF

Color Blindness Simulation

Original

#DFC2DA

Protanopia

#D2D2D4

Deuteranopia

#D4D6D3

Tritanopia

#DED0CF

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F0
200
#E6D0E3
300
#D5AFCE
400
#BE83B4
500
#A7589A
600
#86467B
700
#6B3862
800
#542C4D
900
#3E2339
950
#271624

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,87: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