Skip to the color picker
PickShade

#cc7bde color: Lavender Perceptions

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

Read as HEX

289°
100%

OKLCH

70.5%
0.163
320°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • purple-400
  • Black 13%

Looks the same on every screen.

White text2.82:1 · Below AALc -59
Black text7.46:1 · AALc 50

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

#cc7bde is a soft light magenta color. In OKLCH it has 70.5% lightness, 0.163 chroma and a hue of 320°.

Looks the same on every screen.

White text on it reaches 2.82:1 contrast and black text 7.46:1, so black text reads better.

The closest named color is Lavender Perceptions (#cb82e3). In Tailwind CSS the closest color is purple-400.

More light magenta colors

Lighter: #cc7bde mixed with white

  1. cc7bde
  2. d289e2
  3. d796e6
  4. dda4e9
  5. e2b1ed
  6. e7bef0
  7. eccbf3
  8. f1d8f6
  9. f6e5f9
  10. faf2fc

Darker: #cc7bde mixed with black

  1. cc7bde
  2. b16ac1
  3. 975aa5
  4. 7e4a89
  5. 653a6f
  6. 4e2c55
  7. 371e3d
  8. 221026
  9. 0f0512
  10. 020102

Calmer: #cc7bde with less saturation

  1. cc7bde
  2. c880d8
  3. c484d2
  4. c088cc
  5. bb8cc6
  6. b790c0
  7. b393ba
  8. ae97b3
  9. a99aad
  10. a59da6