Skip to the color picker
PickShade

#df7fdb color: Hibiscus Pop

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

Read as HEX

303°
100%

OKLCH

73.2%
0.164
329°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • fuchsia-400
  • Black 13%

Looks the same on every screen.

White text2.56:1 · Below AALc -55
Black text8.20:1 · AALc 54

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

#df7fdb is a soft light magenta color. In OKLCH it has 73.2% lightness, 0.164 chroma and a hue of 329°.

Looks the same on every screen.

White text on it reaches 2.56:1 contrast and black text 8.2: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: #df7fdb mixed with white

  1. df7fdb
  2. e38cdf
  3. e79ae3
  4. eba7e7
  5. eeb3ea
  6. f2c0ee
  7. f5cdf2
  8. f8d9f5
  9. fae6f8
  10. fdf2fc

Darker: #df7fdb mixed with black

  1. df7fdb
  2. c26ebe
  3. a55da2
  4. 8a4c87
  5. 6f3c6d
  6. 562d54
  7. 3d1f3c
  8. 271126
  9. 120611
  10. 020102

Calmer: #df7fdb with less saturation

  1. df7fdb
  2. da84d6
  3. d589d1
  4. d08ecc
  5. cb92c7
  6. c596c2
  7. c09abd
  8. ba9eb8
  9. b4a1b3
  10. aea5ad