Skip to the color picker
PickShade

#abb3da color: Sassy Violet

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

Read as HEX

230°
100%

OKLCH

77.4%
0.056
276°
  • ≈ Lilac
  • Indigo
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 15%

Looks the same on every screen.

White text2.06:1 · Below AALc -45
Black text10.19: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 #abb3da

#abb3da is a dusty light indigo color. In OKLCH it has 77.4% lightness, 0.056 chroma and a hue of 276°.

Looks the same on every screen.

White text on it reaches 2.06:1 contrast and black text 10.19: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: #abb3da mixed with white

  1. abb3da
  2. b3bade
  3. bbc2e2
  4. c3c9e5
  5. ccd1e9
  6. d4d9ed
  7. dde0f1
  8. e5e8f4
  9. eef0f8
  10. f6f7fb

Darker: #abb3da mixed with black

  1. abb3da
  2. 949bbd
  3. 7e84a2
  4. 686e87
  5. 54586c
  6. 404354
  7. 2d2f3c
  8. 1b1d25
  9. 0b0c11
  10. 010102

Calmer: #abb3da with less saturation

  1. abb3da
  2. acb3d6
  3. adb4d3
  4. aeb4cf
  5. afb4cc
  6. b0b4c8
  7. b1b5c4
  8. b2b5c0
  9. b3b5bd
  10. b4b5b9