Skip to the color picker
PickShade

#a396ee color: Dull Lavender

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

Read as HEX

249°
100%

OKLCH

71.9%
0.126
290°
  • ≈ Lilac
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-400
  • Black 7%

Looks the same on every screen.

White text2.58:1 · Below AALc -55
Black text8.15:1 · AALc 54

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

#a396ee is a bright light violet color. In OKLCH it has 71.9% lightness, 0.126 chroma and a hue of 290°.

Looks the same on every screen.

White text on it reaches 2.58:1 contrast and black text 8.15: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: #a396ee mixed with white

  1. a396ee
  2. aca1f0
  3. b4abf3
  4. bdb6f5
  5. c6c0f7
  6. cfcbf8
  7. d9d5fa
  8. e2e0fc
  9. eceafd
  10. f5f5fe

Darker: #a396ee mixed with black

  1. a396ee
  2. 8d82cf
  3. 786eb1
  4. 635b93
  5. 4f4977
  6. 3c375c
  7. 2a2642
  8. 19162a
  9. 0a0814
  10. 010103

Calmer: #a396ee with less saturation

  1. a396ee
  2. a398e7
  3. a39ae0
  4. a39bd9
  5. a39dd1
  6. a39eca
  7. a3a0c3
  8. a3a1bb
  9. a4a2b4
  10. a4a3ac