#a64fa3

Color #a64fa3

A muted medium magenta.

Closest named color Orchid #da70d6 · ΔE 17.88 Nearest Tailwind class fuchsia-700 #a800b7 · ΔE 10.3

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#a64fa3

RGB

rgb(166, 79, 163)

HSL

hsl(302.1, 35.5%, 48%)

HSV / HSB

hsv(302.1, 52.4%, 65.1%)

CMYK

cmyk(0%, 52.4%, 1.8%, 34.9%)

LAB

lab(47.42, 47.55, -29.55)

LCH

lch(47.42, 55.98, 328.14)

OKLCH

oklch(56.7%, 0.156, 328.71)

HWB

hwb(302.1, 31%, 34.9%)

Harmony colors

Complementary

#4fa652

Analogous

#7d4fa6

#a64fa3

#a64f77

Triadic

#a64fa3

#a3a64f

#4fa3a6

Split-complementary

#a64fa3

#77a64f

#4fa67d

Tetradic

#a64fa3

#a6524f

#4fa652

#4fa3a6

Square

#a64fa3

#a67d4f

#4fa652

#4f77a6

Shades

Color #a64fa3 mixed toward black.

#8a4288

#6f356d

#532751

#371a36

#1c0d1b

Tints

Color #a64fa3 mixed toward white.

#b869b5

#c687c4

#d4a5d3

#e2c3e1

#f1e1f0

Tones

Color #a64fa3 mixed toward gray.

#9f569c

#975d95

#90658f

#896c88

#827381

Accessibility

Aa White text on this color

4.92:1

Aa Black text on this color

4.27:1

White text reads better on this background (4.92:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#898894 · ΔE 23.6

Deuteranopia

#8d9390 · ΔE 27.5

Tritanopia

#a38784 · ΔE 25.9

Achromatopsia

#707070 · ΔE 25.4

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #a64fa3;

Tailwind (arbitrary value)

bg-[#a64fa3]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#a64fa3 (#a64fa3) is rgb(166, 79, 163) in RGB.

No, #a64fa3 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #a64fa3, or check how it holds up for accessibility.

Generate a palette → Check contrast