Skip to the color picker
PickShade

#abbcfd color: Pastel Blue

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

Read as HEX

228°
100%

OKLCH

80.6%
0.094
273°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 1%

Looks the same on every screen.

White text1.85:1 · Below AALc -39
Black text11.34:1 · AALc 69

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

#abbcfd is a bright light indigo color. In OKLCH it has 80.6% lightness, 0.094 chroma and a hue of 273°.

Looks the same on every screen.

White text on it reaches 1.85:1 contrast and black text 11.34: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: #abbcfd mixed with white

  1. abbcfd
  2. b3c3fe
  3. bbcafe
  4. c3d0ff
  5. ccd7ff
  6. d4deff
  7. dde4ff
  8. e5ebff
  9. eef2ff
  10. f6f8ff

Darker: #abbcfd mixed with black

  1. abbcfd
  2. 94a3dc
  3. 7e8bbc
  4. 68739d
  5. 545d7f
  6. 404762
  7. 2d3247
  8. 1b1f2d
  9. 0b0d16
  10. 010203

Calmer: #abbcfd with less saturation

  1. abbcfd
  2. adbdf7
  3. afbdf1
  4. b1beeb
  5. b3bee5
  6. b5bedf
  7. b7bfd9
  8. b9bfd2
  9. bbbfcc
  10. bdbfc6