Skip to the color picker
PickShade

#bccbfd color: Light Periwinkle

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

Read as HEX

226°
100%

OKLCH

84.8%
0.072
272°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 1%

Looks the same on every screen.

White text1.60:1 · Below AALc -31
Black text13.10: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 #bccbfd

#bccbfd is a pastel light indigo color. In OKLCH it has 84.8% lightness, 0.072 chroma and a hue of 272°.

Looks the same on every screen.

White text on it reaches 1.6:1 contrast and black text 13.1: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: #bccbfd mixed with white

  1. bccbfd
  2. c3d0fd
  3. c9d5fe
  4. d0dbfe
  5. d6e0fe
  6. dde5ff
  7. e4eaff
  8. eaefff
  9. f1f5ff
  10. f8faff

Darker: #bccbfd mixed with black

  1. bccbfd
  2. a3b0dc
  3. 8b96bc
  4. 737d9d
  5. 5d657f
  6. 474d62
  7. 323747
  8. 1f222d
  9. 0d0f16
  10. 020203

Calmer: #bccbfd with less saturation

  1. bccbfd
  2. becbf8
  3. bfccf4
  4. c1ccef
  5. c3ccea
  6. c4cce5
  7. c6cce0
  8. c8cddc
  9. c9cdd7
  10. cbcdd2