Skip to the color picker
PickShade

#abb2dc color: Sassy Violet

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

Read as HEX

231°
100%

OKLCH

77.2%
0.060
277°
  • ≈ Lilac
  • Indigo
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 14%

Looks the same on every screen.

White text2.07:1 · Below AALc -45
Black text10.13:1 · AALc 63

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

#abb2dc is a dusty light indigo color. In OKLCH it has 77.2% lightness, 0.06 chroma and a hue of 277°.

Looks the same on every screen.

White text on it reaches 2.07:1 contrast and black text 10.13:1, so black text reads better.

The closest named color is Sassy Violet (#acb5dc). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #abb2dc mixed with white

  1. abb2dc
  2. b3bae0
  3. bbc1e3
  4. c3c9e7
  5. ccd0ea
  6. d4d8ee
  7. dde0f1
  8. e5e8f5
  9. eeeff8
  10. f6f7fc

Darker: #abb2dc mixed with black

  1. abb2dc
  2. 949abf
  3. 7e83a3
  4. 686d88
  5. 54576e
  6. 404354
  7. 2d2f3c
  8. 1b1d26
  9. 0b0c11
  10. 010102

Calmer: #abb2dc with less saturation

  1. abb2dc
  2. acb2d8
  3. adb3d4
  4. aeb3d0
  5. afb3cd
  6. b0b4c9
  7. b1b4c5
  8. b2b4c1
  9. b3b4bd
  10. b4b5b9