Skip to the color picker
PickShade

#abb3dd color: Sassy Violet

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

Read as HEX

230°
100%

OKLCH

77.5%
0.061
276°
  • ≈ Lilac
  • Indigo
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 13%

Looks the same on every screen.

White text2.05:1 · Below AALc -45
Black text10.22:1 · AALc 64

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

#abb3dd is a dusty light indigo color. In OKLCH it has 77.5% lightness, 0.061 chroma and a hue of 276°.

Looks the same on every screen.

White text on it reaches 2.05:1 contrast and black text 10.22: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: #abb3dd mixed with white

  1. abb3dd
  2. b3bae1
  3. bbc2e4
  4. c3cae8
  5. ccd1eb
  6. d4d9ee
  7. dde0f2
  8. e5e8f5
  9. eef0f9
  10. f6f7fc

Darker: #abb3dd mixed with black

  1. abb3dd
  2. 949bc0
  3. 7e84a4
  4. 686e88
  5. 54586e
  6. 404355
  7. 2d2f3d
  8. 1b1d26
  9. 0b0c11
  10. 010102

Calmer: #abb3dd with less saturation

  1. abb3dd
  2. acb3d9
  3. adb4d5
  4. aeb4d1
  5. afb4ce
  6. b0b5ca
  7. b1b5c6
  8. b2b5c2
  9. b3b5be
  10. b4b5ba