Skip to the color picker
PickShade

#de80ed color: Pink Bonnet

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

Read as HEX

292°
100%

OKLCH

74%
0.179
322°
  • ≈ Violet
  • Magenta
  • Light
  • Vivid
  • Neutral
  • fuchsia-400
  • Black 7%

Looks the same on every screen.

White text2.50:1 · Below AALc -54
Black text8.42:1 · AALc 55

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

#de80ed is a bright light magenta color. In OKLCH it has 74% lightness, 0.179 chroma and a hue of 322°.

Looks the same on every screen.

White text on it reaches 2.5:1 contrast and black text 8.42:1, so black text reads better.

The closest named color is Pink Bonnet (#dd77ee). In Tailwind CSS the closest color is fuchsia-400.

More light magenta colors

Lighter: #de80ed mixed with white

  1. de80ed
  2. e28eef
  3. e69bf2
  4. eaa8f4
  5. edb5f6
  6. f1c1f8
  7. f4cef9
  8. f7dafb
  9. fae6fd
  10. fcf3fe

Darker: #de80ed mixed with black

  1. de80ed
  2. c16ece
  3. a55db0
  4. 894d93
  5. 6f3d77
  6. 552e5c
  7. 3d1f42
  8. 26122a
  9. 120614
  10. 020103

Calmer: #de80ed with less saturation

  1. de80ed
  2. d985e7
  3. d58be0
  4. d08fda
  5. cb94d3
  6. c698cd
  7. c19cc6
  8. bba0bf
  9. b6a4b9
  10. b0a7b2