Skip to the color picker
PickShade

#a396dd color: Dull Lavender

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

Read as HEX

251°
100%

OKLCH

71.1%
0.103
292°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Cool
  • slate-400
  • Black 13%

Looks the same on every screen.

White text2.64:1 · Below AALc -57
Black text7.96: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 #a396dd

#a396dd is a soft light violet color. In OKLCH it has 71.1% lightness, 0.103 chroma and a hue of 292°.

Looks the same on every screen.

White text on it reaches 2.64:1 contrast and black text 7.96: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: #a396dd mixed with white

  1. a396dd
  2. aca0e1
  3. b4abe5
  4. bdb5e8
  5. c6c0ec
  6. d0caef
  7. d9d5f3
  8. e2dff6
  9. eceaf9
  10. f5f4fc

Darker: #a396dd mixed with black

  1. a396dd
  2. 8d82c0
  3. 786ea4
  4. 635b88
  5. 4f496e
  6. 3c3755
  7. 2a263d
  8. 191626
  9. 0a0811
  10. 010102

Calmer: #a396dd with less saturation

  1. a396dd
  2. a397d7
  3. a299d2
  4. a29acc
  5. a29bc6
  6. a29dc0
  7. a29eba
  8. a29fb4
  9. a2a0ae
  10. a2a1a8