Skip to the color picker
PickShade

#bcccfd color: Light Periwinkle

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

Read as HEX

225°
100%

OKLCH

85%
0.071
271°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 1%

Looks the same on every screen.

White text1.59:1 · Below AALc -30
Black text13.19:1 · AALc 77

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

#bcccfd is a pastel light indigo color. In OKLCH it has 85% lightness, 0.071 chroma and a hue of 271°.

Looks the same on every screen.

White text on it reaches 1.59:1 contrast and black text 13.19:1, so black text reads better.

The closest named color is Light Periwinkle (#c1c6fc). In Tailwind CSS the closest color is indigo-200.

More light indigo colors

Lighter: #bcccfd mixed with white

  1. bcccfd
  2. c3d1fd
  3. c9d6fe
  4. d0dbfe
  5. d6e0fe
  6. dde6ff
  7. e4ebff
  8. ebf0ff
  9. f1f5ff
  10. f8faff

Darker: #bcccfd mixed with black

  1. bcccfd
  2. a3b1dc
  3. 8b97bc
  4. 737e9d
  5. 5d657f
  6. 474e62
  7. 323747
  8. 1f222d
  9. 0d0f16
  10. 020203

Calmer: #bcccfd with less saturation

  1. bcccfd
  2. beccf8
  3. bfccf4
  4. c1cdef
  5. c3cdea
  6. c5cde6
  7. c6cde1
  8. c8cddc
  9. cacdd7
  10. cccdd2