Skip to the color picker

#ab54b0 color: Orchid Dottyback

#ab54b0 is rgb(171, 84, 176) in RGB and oklch(58.64% 0.16295 325.326) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

297°
100%

58.6%
0.163
325°
  • Magenta
  • Medium
  • Soft
  • Neutral
  • ≈ Amethyst
  • fuchsia-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
4.54:1Readable · AA
Lc -77
Black text
4.63:1Readable · AA
Lc 33

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

#ab54b0 is a soft magenta color. In OKLCH it has 58.6% lightness, 0.163 chroma and a hue of 325°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.54:1 contrast and black text 4.63:1, so white text reads better.

The closest named color is Orchid Dottyback (#aa55aa). In Tailwind CSS the closest color is fuchsia-700.

More medium magenta colors

Lighter: #ab54b0 mixed with white

  1. ab54b0
  2. b466b8
  3. bd77c0
  4. c688c9
  5. cf99d1
  6. d7aad8
  7. dfbbe0
  8. e7cce8
  9. efddf0
  10. f7eef7

Darker: #ab54b0 mixed with black

  1. ab54b0
  2. 944899
  3. 7e3c82
  4. 68316c
  5. 542656
  6. 401b42
  7. 2d112e
  8. 1b081c
  9. 0b020b
  10. 010001

Calmer: #ab54b0 with less saturation

  1. ab54b0
  2. a759ab
  3. a35ea6
  4. 9e63a1
  5. 9a679c
  6. 956b97
  7. 906f92
  8. 8c728c
  9. 877687
  10. 817982

Similar named colors

Colors that go with #ab54b0

Complementary
#ab54b0#279437
Analogous
#ab54b0#8563d1#c34a80
Triadic
#ab54b0#a17400#008f9e
Split
#ab54b0#7a8500#009478

Questions about #ab54b0

What color is #ab54b0?

#ab54b0 is soft magenta. The closest named color is Orchid Dottyback. In RGB it is rgb(171, 84, 176), in HSL hsl(296.74, 36.8%, 50.98%) and in OKLCH oklch(58.64% 0.16295 325.326).

What colors go well with #ab54b0?

The complementary color of #ab54b0 is #279437. For a calmer combination use the analogous colors #8563d1 and #c34a80. The triadic partners are #a17400 and #008f9e.

Is white or black text more readable on #ab54b0?

White text reads better on #ab54b0: white gives a contrast ratio of 4.54:1 and black gives 4.63:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ab54b0 a warm or cool color?

#ab54b0 is a neutral color. In OKLCH its hue is 325 degrees, its lightness 58.6% and its chroma 0.163.