Skip to the color picker

#aa7dd4 color: Soft purple

#aa7dd4 is rgb(170, 125, 212) in RGB and oklch(66.771% 0.13311 306.954) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

271°
100%

66.8%
0.133
307°
  • Purple
  • Medium
  • Soft
  • Neutral
  • ≈ Amethyst
  • violet-400
  • Black 17%

Inside sRGB: displays the same on any screen.

White text
3.19:1Hard to read
Lc -64
Black text
6.59: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 #aa7dd4

#aa7dd4 is a soft purple color. In OKLCH it has 66.8% lightness, 0.133 chroma and a hue of 307°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.19:1 contrast and black text 6.59: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: #aa7dd4 mixed with white

  1. aa7dd4
  2. b28ad9
  3. bb97de
  4. c3a4e2
  5. cbb1e7
  6. d4beeb
  7. dccbef
  8. e5d8f3
  9. eee5f7
  10. f6f2fb

Darker: #aa7dd4 mixed with black

  1. aa7dd4
  2. 936cb8
  3. 7d5b9d
  4. 684b83
  5. 533b69
  6. 3f2c51
  7. 2d1e3a
  8. 1b1124
  9. 0b0510
  10. 010102

Calmer: #aa7dd4 with less saturation

  1. aa7dd4
  2. a880ce
  3. a683c8
  4. a385c2
  5. a188bb
  6. 9f8ab5
  7. 9d8caf
  8. 9b8fa8
  9. 9991a2
  10. 97929b

Similar named colors

Colors that go with #aa7dd4

Complementary
#aa7dd4#7ea341
Analogous
#aa7dd4#808be5#c772b2
Triadic
#aa7dd4#ca8228#00aea2
Split
#aa7dd4#ac9414#3dac73

Questions about #aa7dd4

What color is #aa7dd4?

#aa7dd4 is soft purple. The closest named color is Soft purple. In RGB it is rgb(170, 125, 212), in HSL hsl(271.03, 50.29%, 66.08%) and in OKLCH oklch(66.771% 0.13311 306.954).

What colors go well with #aa7dd4?

The complementary color of #aa7dd4 is #7ea341. For a calmer combination use the analogous colors #808be5 and #c772b2. The triadic partners are #ca8228 and #00aea2.

Is white or black text more readable on #aa7dd4?

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

Is #aa7dd4 a warm or cool color?

#aa7dd4 is a neutral color. In OKLCH its hue is 307 degrees, its lightness 66.8% and its chroma 0.133.