#DFBADC

#DFBADC

Color Values

HEX

#DFBADC

RGB

223, 186, 220

HSL

304.9, 36.6%, 80.2%

HSV

304.9, 16.6%, 87.5%

CMYK

0.0%, 16.6%, 1.3%, 12.5%

OKLCH

0.8314 0.0619 328.7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFBADC

#BADFBD

Analogous

#D0BADF

#DFBAC9

#DFBADC

Triadic

#DFBADC

#DCDFBA

#BADCDF

Split Complementary

#DFBADC

#C9DFBA

#BADFD0

Tetradic

#DFBADC

#DFD0BA

#BADFBD

#BAC9DF

Color Blindness Simulation

Original

#DFBADC

Protanopia

#CFCFD4

Deuteranopia

#D1D4D2

Tritanopia

#DDCDCC

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F2
200
#E8CEE6
300
#D8ABD5
400
#C37EBE
500
#AE51A7
600
#8B4185
700
#6F346B
800
#572853
900
#40203E
950
#291527

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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