Skip to the color picker
PickShade

#cccafa color: Lavender Blue

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

Read as HEX

243°
100%

OKLCH

85.6%
0.066
287°
  • ≈ Periwinkle
  • Violet
  • Very light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 2%

Looks the same on every screen.

White text1.57:1 · Below AALc -29
Black text13.40: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 #cccafa

#cccafa is a pastel very light violet color. In OKLCH it has 85.6% lightness, 0.066 chroma and a hue of 287°.

Looks the same on every screen.

White text on it reaches 1.57:1 contrast and black text 13.4: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: #cccafa mixed with white

  1. cccafa
  2. d1cffb
  3. d6d5fb
  4. dbdafc
  5. e0dffd
  6. e5e4fd
  7. eaeafe
  8. efeffe
  9. f5f4fe
  10. fafaff

Darker: #cccafa mixed with black

  1. cccafa
  2. b1afd9
  3. 9795ba
  4. 7e7c9b
  5. 65647d
  6. 4e4d61
  7. 373746
  8. 22222d
  9. 0f0f15
  10. 020203

Calmer: #cccafa with less saturation

  1. cccafa
  2. cccbf6
  3. cdcbf2
  4. cdccee
  5. cdcce9
  6. cecde5
  7. cecee1
  8. cecedd
  9. cfcfd8
  10. cfcfd4