Skip to the color picker
PickShade

#a396da color: Dull Lavender

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

Read as HEX

251°
100%

OKLCH

71%
0.099
292°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Cool
  • slate-400
  • Black 15%

Looks the same on every screen.

White text2.65:1 · Below AALc -57
Black text7.93: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 #a396da

#a396da is a soft light violet color. In OKLCH it has 71% lightness, 0.099 chroma and a hue of 292°.

Looks the same on every screen.

White text on it reaches 2.65:1 contrast and black text 7.93:1, so black text reads better.

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

More light violet colors

Lighter: #a396da mixed with white

  1. a396da
  2. aca0de
  3. b4abe2
  4. bdb5e6
  5. c6c0ea
  6. d0caee
  7. d9d5f1
  8. e2dff5
  9. eceaf8
  10. f5f4fc

Darker: #a396da mixed with black

  1. a396da
  2. 8d82bd
  3. 786ea2
  4. 635b87
  5. 4f496c
  6. 3c3754
  7. 2a263c
  8. 191625
  9. 0a0811
  10. 010102

Calmer: #a396da with less saturation

  1. a396da
  2. a397d5
  3. a299cf
  4. a29ac9
  5. a29bc4
  6. a29cbe
  7. a29db9
  8. a19eb3
  9. a19fad
  10. a1a0a7