Skip to the color picker
PickShade

#cccafd color: Lavender Blue

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

Read as HEX

242°
100%

OKLCH

85.8%
0.070
287°
  • ≈ Periwinkle
  • Violet
  • Very light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 1%

Looks the same on every screen.

White text1.56:1 · Below AALc -29
Black text13.43:1 · AALc 78

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

#cccafd is a pastel very light violet color. In OKLCH it has 85.8% lightness, 0.07 chroma and a hue of 287°.

Looks the same on every screen.

White text on it reaches 1.56:1 contrast and black text 13.43:1, so black text reads better.

The closest named color is Lavender Blue (#ccccff). In Tailwind CSS the closest color is indigo-200.

More very light violet colors

Lighter: #cccafd mixed with white

  1. cccafd
  2. d1cffd
  3. d6d5fe
  4. dbdafe
  5. e0dffe
  6. e5e5ff
  7. eaeaff
  8. efefff
  9. f5f4ff
  10. fafaff

Darker: #cccafd mixed with black

  1. cccafd
  2. b1afdc
  3. 9795bc
  4. 7e7c9d
  5. 65647f
  6. 4e4d62
  7. 373747
  8. 22222d
  9. 0f0f16
  10. 020203

Calmer: #cccafd with less saturation

  1. cccafd
  2. cccbf9
  3. cdcbf4
  4. cdccf0
  5. cdcdeb
  6. cecde7
  7. cecee2
  8. cfcede
  9. cfcfd9
  10. d0cfd5