Skip to the color picker
PickShade

#dfbcd7 color: Designer Pink

Every format, shade and contrast value for #dfbcd7. Drag the picker to explore nearby colors.

Read as HEX

314°
100%

OKLCH

83.4%
0.054
334°
  • ≈ Baby pink
  • Magenta
  • Light
  • Soft
  • Pastel
  • Neutral
  • mauve-300
  • Black 13%

Looks the same on every screen.

White text1.71:1 · Below AALc -34
Black text12.31:1 · AALc 73

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #dfbcd7

#dfbcd7 is a pastel light magenta color. In OKLCH it has 83.4% lightness, 0.054 chroma and a hue of 334°.

Looks the same on every screen.

White text on it reaches 1.71:1 contrast and black text 12.31:1, so black text reads better.

The closest named color is Designer Pink (#e1bcd8). In Tailwind CSS the closest color is mauve-300.

More light magenta colors

Lighter: #dfbcd7 mixed with white

  1. dfbcd7
  2. e2c3db
  3. e6c9df
  4. e9d0e3
  5. ecd7e7
  6. efddeb
  7. f3e4ef
  8. f6ebf3
  9. f9f1f7
  10. fcf8fb

Darker: #dfbcd7 mixed with black

  1. dfbcd7
  2. c2a3bb
  3. a58b9f
  4. 8a7385
  5. 6f5d6b
  6. 564752
  7. 3d323b
  8. 271f25
  9. 120d11
  10. 020202

Calmer: #dfbcd7 with less saturation

  1. dfbcd7
  2. ddbdd6
  3. dbbfd4
  4. d8c0d3
  5. d6c1d1
  6. d4c2d0
  7. d2c4ce
  8. cfc5cd
  9. cdc6cb
  10. cbc7ca