Skip to the color picker
PickShade

#de77dc color: Hibiscus Pop

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

Read as HEX

301°
100%

OKLCH

71.9%
0.178
328°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • fuchsia-400
  • Black 13%

Looks the same on every screen.

White text2.70:1 · Below AALc -57
Black text7.78:1 · AALc 52

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

#de77dc is a soft light magenta color. In OKLCH it has 71.9% lightness, 0.178 chroma and a hue of 328°.

Looks the same on every screen.

White text on it reaches 2.7:1 contrast and black text 7.78: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: #de77dc mixed with white

  1. de77dc
  2. e286e0
  3. e694e4
  4. eaa2e8
  5. eeafeb
  6. f1bdef
  7. f5caf2
  8. f8d7f6
  9. fae5f9
  10. fdf2fc

Darker: #de77dc mixed with black

  1. de77dc
  2. c167bf
  3. a557a3
  4. 894788
  5. 6f386e
  6. 552a54
  7. 3d1c3c
  8. 261026
  9. 120511
  10. 020102

Calmer: #de77dc with less saturation

  1. de77dc
  2. d97dd7
  3. d482d1
  4. ce87cc
  5. c98cc6
  6. c391c1
  7. bd95bb
  8. b799b6
  9. b19db0
  10. aba1aa