Skip to the color picker
PickShade

#df7bdd color: Hibiscus Pop

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

Read as HEX

301°
100%

OKLCH

72.7%
0.173
328°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • fuchsia-400
  • Black 13%

Looks the same on every screen.

White text2.62:1 · Below AALc -56
Black text8.01:1 · AALc 53

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

#df7bdd is a soft light magenta color. In OKLCH it has 72.7% lightness, 0.173 chroma and a hue of 328°.

Looks the same on every screen.

White text on it reaches 2.62:1 contrast and black text 8.01:1, so black text reads better.

The closest named color is Hibiscus Pop (#dd77dd). In Tailwind CSS the closest color is fuchsia-400.

More light magenta colors

Lighter: #df7bdd mixed with white

  1. df7bdd
  2. e389e1
  3. e797e5
  4. eba4e8
  5. eeb1ec
  6. f2beef
  7. f5cbf3
  8. f8d8f6
  9. fae5f9
  10. fdf2fc

Darker: #df7bdd mixed with black

  1. df7bdd
  2. c26ac0
  3. a55aa4
  4. 8a4a88
  5. 6f3a6e
  6. 562c55
  7. 3d1e3d
  8. 271026
  9. 120511
  10. 020102

Calmer: #df7bdd with less saturation

  1. df7bdd
  2. da81d8
  3. d586d3
  4. d08bcd
  5. ca8fc8
  6. c594c2
  7. bf98bd
  8. b99cb7
  9. b39fb2
  10. ada3ac