Skip to the color picker

#a77ae7 color: Bright purple

#a77ae7 is rgb(167, 122, 231) in RGB and oklch(66.959% 0.16094 301.236) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

265°
100%

67%
0.161
301°
  • Purple
  • Medium
  • Vivid
  • Neutral
  • ≈ Amethyst
  • violet-400
  • Black 9%

Inside sRGB: displays the same on any screen.

White text
3.19:1Hard to read
Lc -64
Black text
6.58:1Readable · AA
Lc 45

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

#a77ae7 is a bright purple color. In OKLCH it has 67% lightness, 0.161 chroma and a hue of 301°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.19:1 contrast and black text 6.58:1, so black text reads better.

The closest named color is Lavender Blossom (#b57edc). In Tailwind CSS the closest color is violet-400.

More medium purple colors

Lighter: #a77ae7 mixed with white

  1. a77ae7
  2. af88ea
  3. b895ed
  4. c0a3f0
  5. c9b0f3
  6. d2bdf6
  7. dacaf8
  8. e3d7fa
  9. ede5fc
  10. f6f2fe

Darker: #a77ae7 mixed with black

  1. a77ae7
  2. 9169c9
  3. 7b59ab
  4. 66498f
  5. 523a73
  6. 3e2b59
  7. 2c1d40
  8. 1a1028
  9. 0a0513
  10. 010103

Calmer: #a77ae7 with less saturation

  1. a77ae7
  2. a57edf
  3. a381d7
  4. a184cf
  5. 9f87c7
  6. 9d8abf
  7. 9c8cb7
  8. 9a8faf
  9. 9891a6
  10. 97939e

Similar named colors

Colors that go with #a77ae7

Complementary
#a77ae7#87a301
Analogous
#a77ae7#728cf7#cc6cc2
Triadic
#a77ae7#da7900#00b09a
Split
#a77ae7#b88f00#2fb05f

Questions about #a77ae7

What color is #a77ae7?

#a77ae7 is bright purple. The closest named color is Bright purple. In RGB it is rgb(167, 122, 231), in HSL hsl(264.77, 69.43%, 69.22%) and in OKLCH oklch(66.959% 0.16094 301.236).

What colors go well with #a77ae7?

The complementary color of #a77ae7 is #87a301. For a calmer combination use the analogous colors #728cf7 and #cc6cc2. The triadic partners are #da7900 and #00b09a.

Is white or black text more readable on #a77ae7?

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

Is #a77ae7 a warm or cool color?

#a77ae7 is a neutral color. In OKLCH its hue is 301 degrees, its lightness 67% and its chroma 0.161.