Skip to the color picker
PickShade

#df76ef color: Pink Bonnet

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

Read as HEX

292°
100%

OKLCH

72.8%
0.198
322°
  • ≈ Orchid
  • Magenta
  • Light
  • Vivid
  • Neutral
  • fuchsia-400
  • Black 6%

Looks the same on every screen.

White text2.63:1 · Below AALc -56
Black text7.98: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 #df76ef

#df76ef is a bright light magenta color. In OKLCH it has 72.8% lightness, 0.198 chroma and a hue of 322°.

Looks the same on every screen.

White text on it reaches 2.63:1 contrast and black text 7.98: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: #df76ef mixed with white

  1. df76ef
  2. e385f1
  3. e794f3
  4. eba2f5
  5. eeaff7
  6. f2bdf9
  7. f5cafb
  8. f8d8fc
  9. fae5fd
  10. fdf2fe

Darker: #df76ef mixed with black

  1. df76ef
  2. c266d0
  3. a556b1
  4. 8a4794
  5. 6f3878
  6. 56295c
  7. 3d1c42
  8. 270f2a
  9. 120514
  10. 020103

Calmer: #df76ef with less saturation

  1. df76ef
  2. da7de8
  3. d583e1
  4. d088da
  5. ca8dd3
  6. c592cc
  7. bf97c5
  8. b99bbe
  9. b39fb6
  10. ada3af