Skip to the color picker

#ca80dc color: Lavender Perceptions

#ca80dc is rgb(202, 128, 220) in RGB and oklch(70.992% 0.15111 319.589) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

288°
100%

71%
0.151
320°
  • Magenta
  • Light
  • Soft
  • Neutral
  • ≈ Orchid
  • purple-400
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
2.75:1Hard to read
Lc -58
Black text
7.63:1Readable · AA
Lc 51

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

#ca80dc is a soft light magenta color. In OKLCH it has 71% lightness, 0.151 chroma and a hue of 320°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.75:1 contrast and black text 7.63: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: #ca80dc mixed with white

  1. ca80dc
  2. d08de0
  3. d59ae4
  4. dba7e8
  5. e0b3eb
  6. e6c0ef
  7. ebcdf2
  8. f0d9f6
  9. f5e6f9
  10. faf2fc

Darker: #ca80dc mixed with black

  1. ca80dc
  2. af6ebf
  3. 955da3
  4. 7c4d88
  5. 643d6e
  6. 4d2e54
  7. 371f3c
  8. 221226
  9. 0f0611
  10. 020102

Calmer: #ca80dc with less saturation

  1. ca80dc
  2. c684d6
  3. c288d1
  4. bf8ccb
  5. bb8fc5
  6. b793bf
  7. b396ba
  8. ae99b4
  9. aa9cae
  10. a69fa7

Similar named colors

Colors that go with #ca80dc

Complementary
#ca80dc#6bb858
Analogous
#ca80dc#a18ff9#e576af
Triadic
#ca80dc#d39400#00bbc3
Split
#ca80dc#a9a811#00bf92

Questions about #ca80dc

What color is #ca80dc?

#ca80dc is soft light magenta. The closest named color is Lavender Perceptions. In RGB it is rgb(202, 128, 220), in HSL hsl(288.26, 56.79%, 68.24%) and in OKLCH oklch(70.992% 0.15111 319.589).

What colors go well with #ca80dc?

The complementary color of #ca80dc is #6bb858. For a calmer combination use the analogous colors #a18ff9 and #e576af. The triadic partners are #d39400 and #00bbc3.

Is white or black text more readable on #ca80dc?

Black text reads better on #ca80dc: white gives a contrast ratio of 2.75:1 and black gives 7.63:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ca80dc a warm or cool color?

#ca80dc is a neutral color. In OKLCH its hue is 320 degrees, its lightness 71% and its chroma 0.151.