Skip to the color picker
PickShade

#dfabce color: Dreamy Pink

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

Read as HEX

320°
100%

OKLCH

79.9%
0.076
339°
  • ≈ Plum
  • Magenta
  • Light
  • Soft
  • Neutral
  • pink-300
  • Black 13%

Looks the same on every screen.

White text1.93:1 · Below AALc -41
Black text10.85:1 · AALc 67

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 #dfabce

#dfabce is a soft light magenta color. In OKLCH it has 79.9% lightness, 0.076 chroma and a hue of 339°.

Looks the same on every screen.

White text on it reaches 1.93:1 contrast and black text 10.85:1, so black text reads better.

The closest named color is Dreamy Pink (#dfabcd). In Tailwind CSS the closest color is pink-300.

More light magenta colors

Lighter: #dfabce mixed with white

  1. dfabce
  2. e3b3d3
  3. e6bcd8
  4. e9c4dd
  5. edcce2
  6. f0d5e6
  7. f3ddeb
  8. f6e6f0
  9. f9eef5
  10. fcf6fa

Darker: #dfabce mixed with black

  1. dfabce
  2. c294b3
  3. a57e98
  4. 8a687f
  5. 6f5466
  6. 56404e
  7. 3d2d38
  8. 271b23
  9. 120b0f
  10. 020102

Calmer: #dfabce with less saturation

  1. dfabce
  2. dcadcc
  3. d9afcb
  4. d5b1c9
  5. d2b3c7
  6. cfb5c6
  7. cbb6c4
  8. c8b8c2
  9. c5bac1
  10. c1bcbf