#DFBED4

#DFBED4

Color Values

HEX

#DFBED4

RGB

223, 190, 212

HSL

320,0, 34,0%, 81,0%

HSV

320,0, 14,8%, 87,5%

CMYK

0,0%, 14,8%, 4,9%, 12,5%

OKLCH

0,8363 0,0475 338,4

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFBED4

#BEDFC9

Analogous

#DABEDF

#DFBEC4

#DFBED4

Triadic

#DFBED4

#D4DFBE

#BED4DF

Split Complementary

#DFBED4

#C4DFBE

#BEDFDA

Tetradic

#DFBED4

#DFDABE

#BEDFC9

#BEC4DF

Color Blindness Simulation

Original

#DFBED4

Protanopia

#D1D0CF

Deuteranopia

#D3D5CD

Tritanopia

#DDCACA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E7CFDF
300
#D7ADC9
400
#C181AB
500
#AB548E
600
#894372
700
#6D365B
800
#552A47
900
#3F2235
950
#281522

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

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