Skip to the color picker
PickShade

#ccc8f1 color: Soap

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

Read as HEX

246°
100%

OKLCH

84.9%
0.057
290°
  • ≈ Periwinkle
  • Violet
  • Light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 5%

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

#ccc8f1 is a pastel light violet color. In OKLCH it has 84.9% lightness, 0.057 chroma and a hue of 290°.

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 Soap (#cec8ef). In Tailwind CSS the closest color is indigo-200.

More light violet colors

Lighter: #ccc8f1 mixed with white

  1. ccc8f1
  2. d1cdf3
  3. d6d3f4
  4. dbd8f6
  5. e0def7
  6. e5e3f8
  7. eae9fa
  8. efeefb
  9. f5f4fc
  10. faf9fe

Darker: #ccc8f1 mixed with black

  1. ccc8f1
  2. b1aed2
  3. 9794b3
  4. 7e7b95
  5. 656379
  6. 4e4c5d
  7. 373643
  8. 22212b
  9. 0f0f14
  10. 020203

Calmer: #ccc8f1 with less saturation

  1. ccc8f1
  2. ccc9ee
  3. ccc9ea
  4. cccae6
  5. cccae3
  6. cdcbdf
  7. cdcbdc
  8. cdccd8
  9. cdccd5
  10. cdcdd1