Skip to the color picker
PickShade

#cccaff color: Lavender Blue

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

Read as HEX

242°
100%

OKLCH

85.8%
0.073
286°
  • ≈ Periwinkle
  • Violet
  • Very light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 0%

Looks the same on every screen.

White text1.56:1 · Below AALc -29
Black text13.46: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 #cccaff

#cccaff is a pastel very light violet color. In OKLCH it has 85.8% lightness, 0.073 chroma and a hue of 286°.

Looks the same on every screen.

White text on it reaches 1.56:1 contrast and black text 13.46: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: #cccaff mixed with white

  1. cccaff
  2. d1cfff
  3. d6d5ff
  4. dbdaff
  5. e0dfff
  6. e5e5ff
  7. eaeaff
  8. efefff
  9. f5f4ff
  10. fafaff

Darker: #cccaff mixed with black

  1. cccaff
  2. b1afde
  3. 9795be
  4. 7e7c9e
  5. 656480
  6. 4e4d63
  7. 373748
  8. 22222e
  9. 0f0f16
  10. 020203

Calmer: #cccaff with less saturation

  1. cccaff
  2. cccbfa
  3. cdcbf6
  4. cdccf1
  5. cecded
  6. cecde8
  7. cecee3
  8. cfcfdf
  9. cfcfda
  10. d0d0d5