Skip to the color picker
PickShade

#d172cc color: French Mauve

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

Read as HEX

303°
100%

OKLCH

68.9%
0.163
329°
  • ≈ Orchid
  • Magenta
  • Medium
  • Soft
  • Neutral
  • pink-400
  • Black 18%

Looks the same on every screen.

White text3.00:1 · Below AALc -62
Black text6.99:1 · AALc 48

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

#d172cc is a soft magenta color. In OKLCH it has 68.9% lightness, 0.163 chroma and a hue of 329°.

Looks the same on every screen.

White text on it reaches 3:1 contrast and black text 6.99:1, so black text reads better.

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

More medium magenta colors

Lighter: #d172cc mixed with white

  1. d172cc
  2. d781d1
  3. dc8fd7
  4. e19ddc
  5. e6abe1
  6. ebb9e6
  7. efc7ec
  8. f3d5f0
  9. f8e3f5
  10. fbf1fa

Darker: #d172cc mixed with black

  1. d172cc
  2. b562b1
  3. 9b5397
  4. 81447e
  5. 683665
  6. 50284e
  7. 391b37
  8. 230e22
  9. 10040f
  10. 020102

Calmer: #d172cc with less saturation

  1. d172cc
  2. cc77c7
  3. c77cc3
  4. c281be
  5. bd85b9
  6. b889b4
  7. b28daf
  8. ad91aa
  9. a794a5
  10. a198a0