#DFBDE2

#DFBDE2

Color Values

HEX

#DFBDE2

RGB

223, 189, 226

HSL

295.1, 38.9%, 81.4%

HSV

295.1, 16.4%, 88.6%

CMYK

1.3%, 16.4%, 0.0%, 11.4%

OKLCH

0.839 0.0627 323.5

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DFBDE2

#C0E2BD

Analogous

#CDBDE2

#E2BDD3

#DFBDE2

Triadic

#DFBDE2

#E2DFBD

#BDE2DF

Split Complementary

#DFBDE2

#D3E2BD

#BDE2CD

Tetradic

#DFBDE2

#E2CDBD

#C0E2BD

#BDD3E2

Color Blindness Simulation

Original

#DFBDE2

Protanopia

#D0D0D9

Deuteranopia

#D2D5D7

Tritanopia

#DDD2D0

Achromatopsia

#C7C7C7

CSS Usage

background-color: #DFBDE2;
color: #DFBDE2;
border-color: #DFBDE2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E7CDE9
300
#D6AADA
400
#BF7CC5
500
#A94EB1
600
#873E8E
700
#6C3271
800
#542759
900
#3F1F41
950
#281429

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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