Skip to the color picker
PickShade

#abbafd color: Pastel Blue

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

Read as HEX

229°
100%

OKLCH

80.2%
0.097
274°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 1%

Looks the same on every screen.

White text1.88:1 · Below AALc -40
Black text11.17:1 · AALc 68

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

#abbafd is a bright light indigo color. In OKLCH it has 80.2% lightness, 0.097 chroma and a hue of 274°.

Looks the same on every screen.

White text on it reaches 1.88:1 contrast and black text 11.17:1, so black text reads better.

The closest named color is Pastel Blue (#a2bffe). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #abbafd mixed with white

  1. abbafd
  2. b3c1fe
  3. bbc8fe
  4. c3cfff
  5. ccd6ff
  6. d4ddff
  7. dce4ff
  8. e5eaff
  9. eef1ff
  10. f6f8ff

Darker: #abbafd mixed with black

  1. abbafd
  2. 94a1dc
  3. 7e89bc
  4. 68729d
  5. 545c7f
  6. 404662
  7. 2d3247
  8. 1b1e2d
  9. 0b0d16
  10. 010203

Calmer: #abbafd with less saturation

  1. abbafd
  2. adbbf7
  3. afbbf1
  4. b1bceb
  5. b2bce4
  6. b4bdde
  7. b6bdd8
  8. b8bdd2
  9. babecb
  10. bcbec5