Skip to the color picker
PickShade

#a696df color: Dull Lavender

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

Read as HEX

253°
100%

OKLCH

71.5%
0.106
294°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Cool
  • violet-400
  • Black 13%

Looks the same on every screen.

White text2.61:1 · Below AALc -56
Black text8.05:1 · AALc 53

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

#a696df is a soft light violet color. In OKLCH it has 71.5% lightness, 0.106 chroma and a hue of 294°.

Looks the same on every screen.

White text on it reaches 2.61:1 contrast and black text 8.05:1, so black text reads better.

The closest named color is Dull Lavender (#a899e6). In Tailwind CSS the closest color is violet-400.

More light violet colors

Lighter: #a696df mixed with white

  1. a696df
  2. aea0e3
  3. b7abe6
  4. c0b5ea
  5. c8c0ed
  6. d1caf0
  7. dad5f3
  8. e3dff7
  9. eceaf9
  10. f6f4fc

Darker: #a696df mixed with black

  1. a696df
  2. 9082c2
  3. 7a6ea5
  4. 655b8a
  5. 51496f
  6. 3e3756
  7. 2b263d
  8. 1a1627
  9. 0a0812
  10. 010102

Calmer: #a696df with less saturation

  1. a696df
  2. a698d9
  3. a599d3
  4. a59bcd
  5. a49cc8
  6. a49dc2
  7. a49ebc
  8. a3a0b5
  9. a3a1af
  10. a3a2a9