Skip to the color picker
PickShade

#debcd5 color: Designer Pink

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

Read as HEX

316°
100%

OKLCH

83.2%
0.051
335°
  • ≈ Baby pink
  • Magenta
  • Light
  • Soft
  • Pastel
  • Neutral
  • mauve-300
  • Black 13%

Looks the same on every screen.

White text1.71:1 · Below AALc -35
Black text12.26: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 #debcd5

#debcd5 is a pastel light magenta color. In OKLCH it has 83.2% lightness, 0.051 chroma and a hue of 335°.

Looks the same on every screen.

White text on it reaches 1.71:1 contrast and black text 12.26: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: #debcd5 mixed with white

  1. debcd5
  2. e1c3d9
  3. e5c9dd
  4. e8d0e2
  5. ebd7e6
  6. efddea
  7. f2e4ee
  8. f5ebf2
  9. f9f1f7
  10. fcf8fb

Darker: #debcd5 mixed with black

  1. debcd5
  2. c1a3b9
  3. a58b9e
  4. 897383
  5. 6f5d6a
  6. 554751
  7. 3d323a
  8. 261f24
  9. 120d10
  10. 020202

Calmer: #debcd5 with less saturation

  1. debcd5
  2. dcbdd4
  3. dabed2
  4. d8c0d1
  5. d5c1d0
  6. d3c2ce
  7. d1c3cd
  8. cfc4cc
  9. ccc5ca
  10. cac7c9