#DFBED3

#DFBED3

Color Values

HEX

#DFBED3

RGB

223, 190, 211

HSL

321.8, 34.0%, 81.0%

HSV

321.8, 14.8%, 87.5%

CMYK

0.0%, 14.8%, 5.4%, 12.5%

OKLCH

0.836 0.0467 339.7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFBED3

#BEDFCA

Analogous

#DBBEDF

#DFBEC3

#DFBED3

Triadic

#DFBED3

#D3DFBE

#BED3DF

Split Complementary

#DFBED3

#C3DFBE

#BEDFDB

Tetradic

#DFBED3

#DFDBBE

#BEDFCA

#BEC3DF

Color Blindness Simulation

Original

#DFBED3

Protanopia

#D1D0CE

Deuteranopia

#D3D5CD

Tritanopia

#DDCAC9

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E7CFDF
300
#D7ADC7
400
#C181A9
500
#AB548B
600
#89436F
700
#6D3659
800
#552A46
900
#3F2235
950
#281521

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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