Skip to the color picker
PickShade

#d686a0 color: Primrose

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

Read as HEX

341°
100%

OKLCH

71%
0.103
359°
  • ≈ Lilac
  • Pink
  • Light
  • Soft
  • Warm
  • mauve-400
  • Black 16%

Looks the same on every screen.

White text2.70:1 · Below AALc -57
Black text7.78:1 · AALc 52

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

#d686a0 is a soft light pink color. In OKLCH it has 71% lightness, 0.103 chroma and a hue of 359°.

Looks the same on every screen.

White text on it reaches 2.7:1 contrast and black text 7.78: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: #d686a0 mixed with white

  1. d686a0
  2. db92a9
  3. e09eb2
  4. e4aabc
  5. e9b6c5
  6. edc2ce
  7. f1ced8
  8. f5dae2
  9. f8e6eb
  10. fcf3f5

Darker: #d686a0 mixed with black

  1. d686a0
  2. ba748b
  3. 9e6276
  4. 845161
  5. 6a404e
  6. 52303b
  7. 3b2129
  8. 251319
  9. 100609
  10. 020101

Calmer: #d686a0 with less saturation

  1. d686a0
  2. d189a0
  3. cd8ca0
  4. c88fa0
  5. c392a1
  6. be95a1
  7. b897a1
  8. b39aa1
  9. ad9da1
  10. a79fa1