Skip to the color picker
PickShade

#dabbfa color: Pink Illusion

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

Read as HEX

270°
100%

OKLCH

84%
0.092
307°
  • ≈ Mauve
  • Purple
  • Light
  • Vivid
  • Pastel
  • Neutral
  • purple-300
  • Black 2%

Looks the same on every screen.

White text1.68:1 · Below AALc -34
Black text12.47: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 #dabbfa

#dabbfa is a pastel light purple color. In OKLCH it has 84% lightness, 0.092 chroma and a hue of 307°.

Looks the same on every screen.

White text on it reaches 1.68:1 contrast and black text 12.47: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: #dabbfa mixed with white

  1. dabbfa
  2. dec2fb
  3. e1c9fb
  4. e5cffc
  5. e9d6fd
  6. ecddfd
  7. f0e4fe
  8. f4ebfe
  9. f8f1ff
  10. fbf8ff

Darker: #dabbfa mixed with black

  1. dabbfa
  2. bda2d9
  3. a28aba
  4. 87739b
  5. 6c5c7d
  6. 544661
  7. 3c3246
  8. 251f2d
  9. 110d15
  10. 020203

Calmer: #dabbfa with less saturation

  1. dabbfa
  2. d8bdf5
  3. d7bef1
  4. d5c0ec
  5. d4c2e7
  6. d2c3e3
  7. d1c5de
  8. cfc6d9
  9. cdc7d4
  10. ccc9cf