Skip to the color picker
PickShade

#de80ee color: Pink Bonnet

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

Read as HEX

291°
100%

OKLCH

74.1%
0.180
322°
  • ≈ Violet
  • Magenta
  • Light
  • Vivid
  • Neutral
  • fuchsia-400
  • Black 7%

Looks the same on every screen.

White text2.49:1 · Below AALc -54
Black text8.43: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 #de80ee

#de80ee is a bright light magenta color. In OKLCH it has 74.1% lightness, 0.18 chroma and a hue of 322°.

Looks the same on every screen.

White text on it reaches 2.49:1 contrast and black text 8.43: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: #de80ee mixed with white

  1. de80ee
  2. e28ef0
  3. e69bf2
  4. eaa8f5
  5. edb5f6
  6. f1c1f8
  7. f4cefa
  8. f7dafb
  9. fae6fd
  10. fcf3fe

Darker: #de80ee mixed with black

  1. de80ee
  2. c16ecf
  3. a55db1
  4. 894d93
  5. 6f3d77
  6. 552e5c
  7. 3d1f42
  8. 26122a
  9. 120614
  10. 020103

Calmer: #de80ee with less saturation

  1. de80ee
  2. d985e8
  3. d58be1
  4. d08fdb
  5. cb94d4
  6. c698cd
  7. c19cc7
  8. bba0c0
  9. b6a4b9
  10. b1a7b2