Skip to the color picker
PickShade

#aabbfd color: Pastel Blue

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

Read as HEX

228°
100%

OKLCH

80.3%
0.096
273°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 1%

Looks the same on every screen.

White text1.87:1 · Below AALc -40
Black text11.24: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 #aabbfd

#aabbfd is a bright light indigo color. In OKLCH it has 80.3% lightness, 0.096 chroma and a hue of 273°.

Looks the same on every screen.

White text on it reaches 1.87:1 contrast and black text 11.24: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: #aabbfd mixed with white

  1. aabbfd
  2. b2c2fe
  3. bac9fe
  4. c3d0ff
  5. cbd6ff
  6. d4ddff
  7. dce4ff
  8. e5ebff
  9. edf2ff
  10. f6f8ff

Darker: #aabbfd mixed with black

  1. aabbfd
  2. 93a2dc
  3. 7d8abc
  4. 68739d
  5. 535c7f
  6. 3f4662
  7. 2d3247
  8. 1b1f2d
  9. 0b0d16
  10. 010203

Calmer: #aabbfd with less saturation

  1. aabbfd
  2. acbcf7
  3. aebcf1
  4. b0bdeb
  5. b2bde5
  6. b4bdde
  7. b6bed8
  8. b8bed2
  9. babecb
  10. bcbec5