Skip to the color picker
PickShade

#abb6dc color: Sassy Violet

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

Read as HEX

227°
100%

OKLCH

78.1%
0.056
272°
  • ≈ Lilac
  • Indigo
  • Light
  • Soft
  • Cool
  • indigo-300
  • Black 14%

Looks the same on every screen.

White text2.01:1 · Below AALc -43
Black text10.46:1 · AALc 65

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

#abb6dc is a soft light indigo color. In OKLCH it has 78.1% lightness, 0.056 chroma and a hue of 272°.

Looks the same on every screen.

White text on it reaches 2.01:1 contrast and black text 10.46: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: #abb6dc mixed with white

  1. abb6dc
  2. b3bde0
  3. bbc4e3
  4. c4cce7
  5. ccd3ea
  6. d4daee
  7. dde1f1
  8. e5e9f5
  9. eef0f8
  10. f6f8fc

Darker: #abb6dc mixed with black

  1. abb6dc
  2. 949ebf
  3. 7e86a3
  4. 686f88
  5. 54596e
  6. 404454
  7. 2d303c
  8. 1b1d26
  9. 0b0c11
  10. 010202

Calmer: #abb6dc with less saturation

  1. abb6dc
  2. acb6d8
  3. adb6d5
  4. afb7d1
  5. b0b7ce
  6. b1b7ca
  7. b2b7c6
  8. b4b7c3
  9. b5b7bf
  10. b6b7bb