Skip to the color picker
PickShade

#cf84e2 color: Lavender Perceptions

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

Read as HEX

288°
100%

OKLCH

72.4%
0.153
319°
  • ≈ Orchid
  • Magenta
  • Light
  • Soft
  • Neutral
  • purple-400
  • Black 11%

Looks the same on every screen.

White text2.61:1 · Below AALc -56
Black text8.05:1 · AALc 53

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

#cf84e2 is a soft light magenta color. In OKLCH it has 72.4% lightness, 0.153 chroma and a hue of 319°.

Looks the same on every screen.

White text on it reaches 2.61:1 contrast and black text 8.05: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: #cf84e2 mixed with white

  1. cf84e2
  2. d491e5
  3. d99de9
  4. deaaec
  5. e3b6ef
  6. e8c2f2
  7. edcef5
  8. f2daf8
  9. f6e7fa
  10. fbf3fd

Darker: #cf84e2 mixed with black

  1. cf84e2
  2. b472c4
  3. 9960a8
  4. 7f4f8c
  5. 673f71
  6. 4f2f57
  7. 38203e
  8. 231227
  9. 100612
  10. 020103

Calmer: #cf84e2 with less saturation

  1. cf84e2
  2. cb88dc
  3. c78cd6
  4. c390d1
  5. bf93cb
  6. bb97c5
  7. b79abf
  8. b39db9
  9. afa0b2
  10. aaa3ac