Skip to the color picker
PickShade

#ccaff3 color: Teasel Dipsacus

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

Read as HEX

266°
100%

OKLCH

80.3%
0.099
304°
  • ≈ Mauve
  • Purple
  • Light
  • Vivid
  • Neutral
  • violet-300
  • Black 5%

Looks the same on every screen.

White text1.91:1 · Below AALc -41
Black text10.99:1 · AALc 67

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

#ccaff3 is a bright light purple color. In OKLCH it has 80.3% lightness, 0.099 chroma and a hue of 304°.

Looks the same on every screen.

White text on it reaches 1.91:1 contrast and black text 10.99:1, so black text reads better.

The closest named color is Teasel Dipsacus (#ceaefa). In Tailwind CSS the closest color is violet-300.

More light purple colors

Lighter: #ccaff3 mixed with white

  1. ccaff3
  2. d1b7f5
  3. d6bff6
  4. dbc7f7
  5. e0cff9
  6. e5d7fa
  7. eadffb
  8. efe7fc
  9. f5effd
  10. faf7fe

Darker: #ccaff3 mixed with black

  1. ccaff3
  2. b198d3
  3. 9781b4
  4. 7e6b97
  5. 65567a
  6. 4e415e
  7. 372e44
  8. 221c2b
  9. 0f0b14
  10. 020103

Calmer: #ccaff3 with less saturation

  1. ccaff3
  2. cbb1ee
  3. c9b2e9
  4. c8b4e4
  5. c6b6de
  6. c5b7d9
  7. c4b9d4
  8. c2bacf
  9. c1bcc9
  10. c0bdc4