Skip to the color picker
PickShade

#d778cd color: French Mauve

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

Read as HEX

306°
100%

OKLCH

70.6%
0.158
331°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • pink-400
  • Black 16%

Looks the same on every screen.

White text2.82:1 · Below AALc -59
Black text7.46:1 · AALc 50

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

#d778cd is a soft light magenta color. In OKLCH it has 70.6% lightness, 0.158 chroma and a hue of 331°.

Looks the same on every screen.

White text on it reaches 2.82:1 contrast and black text 7.46:1, so black text reads better.

The closest named color is French Mauve (#d473d4). In Tailwind CSS the closest color is pink-400.

More light magenta colors

Lighter: #d778cd mixed with white

  1. d778cd
  2. dc86d2
  3. e194d7
  4. e5a1dd
  5. eaafe2
  6. eebce7
  7. f2caec
  8. f5d7f1
  9. f9e4f5
  10. fcf2fa

Darker: #d778cd mixed with black

  1. d778cd
  2. bb67b2
  3. 9f5798
  4. 85487e
  5. 6b3966
  6. 522a4e
  7. 3b1d38
  8. 251023
  9. 11050f
  10. 020102

Calmer: #d778cd with less saturation

  1. d778cd
  2. d27dc9
  3. cd82c4
  4. c886c0
  5. c38abc
  6. bd8eb7
  7. b892b3
  8. b296ae
  9. ac99a9
  10. a69da5