#DFBCD3

#DFBCD3

Color Values

HEX

#DFBCD3

RGB

223, 188, 211

HSL

320.6, 35.4%, 80.6%

HSV

320.6, 15.7%, 87.5%

CMYK

0.0%, 15.7%, 5.4%, 12.5%

OKLCH

0.8323 0.0501 338.9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFBCD3

#BCDFC8

Analogous

#DABCDF

#DFBCC2

#DFBCD3

Triadic

#DFBCD3

#D3DFBC

#BCD3DF

Split Complementary

#DFBCD3

#C2DFBC

#BCDFDA

Tetradic

#DFBCD3

#DFDABC

#BCDFC8

#BCC2DF

Color Blindness Simulation

Original

#DFBCD3

Protanopia

#D0D0CD

Deuteranopia

#D2D4CC

Tritanopia

#DDC9C8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CFDF
300
#D7ACC9
400
#C27FAB
500
#AD528E
600
#8A4271
700
#6E355B
800
#562947
900
#402135
950
#281522

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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