Skip to the color picker
PickShade

#dd77ee color: Pink Bonnet

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

Read as HEX

291°
100%

OKLCH

72.7%
0.194
322°
  • ≈ Orchid
  • Magenta
  • Light
  • Vivid
  • Neutral
  • fuchsia-400
  • Black 7%

Looks the same on every screen.

White text2.64:1 · Below AALc -56
Black text7.95: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 #dd77ee

#dd77ee is a bright light magenta color. In OKLCH it has 72.7% lightness, 0.194 chroma and a hue of 322°.

Looks the same on every screen.

White text on it reaches 2.64:1 contrast and black text 7.95: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: #dd77ee mixed with white

  1. dd77ee
  2. e186f0
  3. e594f3
  4. e9a2f5
  5. edb0f7
  6. f0bdf8
  7. f4cbfa
  8. f7d8fc
  9. fae5fd
  10. fcf2fe

Darker: #dd77ee mixed with black

  1. dd77ee
  2. c067cf
  3. a457b1
  4. 884793
  5. 6e3877
  6. 552a5c
  7. 3d1c42
  8. 26102a
  9. 110514
  10. 020103

Calmer: #dd77ee with less saturation

  1. dd77ee
  2. d87de7
  3. d383e0
  4. ce89d9
  5. c98ed2
  6. c392cb
  7. be97c4
  8. b89bbd
  9. b39fb6
  10. ada3ae