Skip to the color picker
PickShade

#d2bdf8 color: Pink Illusion

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

Read as HEX

261°
100%

OKLCH

83.6%
0.084
301°
  • ≈ Periwinkle
  • Purple
  • Light
  • Vivid
  • Pastel
  • Neutral
  • purple-300
  • Black 3%

Looks the same on every screen.

White text1.70:1 · Below AALc -34
Black text12.37:1 · AALc 74

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

#d2bdf8 is a pastel light purple color. In OKLCH it has 83.6% lightness, 0.084 chroma and a hue of 301°.

Looks the same on every screen.

White text on it reaches 1.7:1 contrast and black text 12.37:1, so black text reads better.

The closest named color is Pink Illusion (#d8b8f8). In Tailwind CSS the closest color is purple-300.

More light purple colors

Lighter: #d2bdf8 mixed with white

  1. d2bdf8
  2. d6c4f9
  3. dbcafa
  4. dfd1fb
  5. e4d7fc
  6. e8defc
  7. ede5fd
  8. f1ebfe
  9. f6f2fe
  10. faf8ff

Darker: #d2bdf8 mixed with black

  1. d2bdf8
  2. b6a4d8
  3. 9b8cb8
  4. 81749a
  5. 685d7c
  6. 504760
  7. 393345
  8. 241f2c
  9. 100d15
  10. 020203

Calmer: #d2bdf8 with less saturation

  1. d2bdf8
  2. d1bef3
  3. d0c0ef
  4. cfc1ea
  5. cec2e6
  6. cdc3e1
  7. ccc5dc
  8. ccc6d7
  9. cbc7d3
  10. cac8ce