#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026