Skip to the color picker
PickShade

#d683a2 color: Primrose

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

Read as HEX

338°
100%

OKLCH

70.6%
0.108
356°
  • ≈ Lilac
  • Pink
  • Light
  • Soft
  • Warm
  • mauve-400
  • Black 16%

Looks the same on every screen.

White text2.75:1 · Below AALc -58
Black text7.63:1 · AALc 51

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

#d683a2 is a soft light pink color. In OKLCH it has 70.6% lightness, 0.108 chroma and a hue of 356°.

Looks the same on every screen.

White text on it reaches 2.75:1 contrast and black text 7.63:1, so black text reads better.

The closest named color is Primrose (#d6859f). In Tailwind CSS the closest color is mauve-400.

More light pink colors

Lighter: #d683a2 mixed with white

  1. d683a2
  2. db8fab
  3. e09cb4
  4. e5a8bd
  5. e9b4c6
  6. edc1d0
  7. f1cdd9
  8. f5d9e2
  9. f9e6ec
  10. fcf2f5

Darker: #d683a2 mixed with black

  1. d683a2
  2. ba718c
  3. 9e6077
  4. 844f63
  5. 6a3f4f
  6. 522f3c
  7. 3b202a
  8. 251219
  9. 10060a
  10. 020101

Calmer: #d683a2 with less saturation

  1. d683a2
  2. d186a2
  3. cc8aa2
  4. c78da1
  5. c290a1
  6. bd93a1
  7. b896a1
  8. b298a1
  9. ac9ba0
  10. a69ea0