Skip to the color picker
PickShade

#9896bc color: Lavender Bonnet

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

Read as HEX

243°
100%

OKLCH

68.8%
0.055
287°
  • ≈ Dark gray
  • Violet
  • Medium
  • Muted
  • Dusty
  • Cool
  • slate-400
  • Black 26%

Looks the same on every screen.

White text2.83:1 · Below AALc -60
Black text7.42:1 · AALc 50

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 #9896bc

#9896bc is a dusty violet color. In OKLCH it has 68.8% lightness, 0.055 chroma and a hue of 287°.

Looks the same on every screen.

White text on it reaches 2.83:1 contrast and black text 7.42:1, so black text reads better.

The closest named color is Lavender Bonnet (#9994c0). In Tailwind CSS the closest color is slate-400.

More medium violet colors

Lighter: #9896bc mixed with white

  1. 9896bc
  2. a2a0c3
  3. acaac9
  4. b6b5d0
  5. c0bfd7
  6. cac9de
  7. d4d4e4
  8. dfdfeb
  9. eae9f2
  10. f4f4f8

Darker: #9896bc mixed with black

  1. 9896bc
  2. 8482a3
  3. 706e8b
  4. 5c5b73
  5. 4a495d
  6. 383747
  7. 272632
  8. 17161f
  9. 08080d
  10. 010102

Calmer: #9896bc with less saturation

  1. 9896bc
  2. 9897b9
  3. 9897b5
  4. 9998b2
  5. 9998af
  6. 9998ac
  7. 9999a8
  8. 9a99a5
  9. 9a9aa1
  10. 9a9a9e