#a2227a

Color #a2227a

A moderately saturated dark magenta.

Closest named color Medium Violet Red #c71585 · ΔE 14.65 Nearest Tailwind class fuchsia-800 #8a0194 · ΔE 10

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

Conversions

HEX

#a2227a

RGB

rgb(162, 34, 122)

HSL

hsl(318.8, 65.3%, 38.4%)

HSV / HSB

hsv(318.8, 79%, 63.5%)

CMYK

cmyk(0%, 79%, 24.7%, 36.5%)

LAB

lab(38.26, 58.42, -18.96)

LCH

lch(38.26, 61.42, 342.02)

OKLCH

oklch(49.2%, 0.1838, 343.99)

HWB

hwb(318.8, 13.3%, 36.5%)

Harmony colors

Complementary

#22a24a

Analogous

#8a22a2

#a2227a

#a2223a

Triadic

#a2227a

#7aa222

#227aa2

Split-complementary

#a2227a

#3aa222

#22a28a

Tetradic

#a2227a

#a24a22

#22a24a

#227aa2

Square

#a2227a

#a28a22

#22a24a

#223aa2

Shades

Color #a2227a mixed toward black.

#871c65

#6c1751

#51113d

#360b29

#1b0614

Tints

Color #a2227a mixed toward white.

#cd2b9a

#db52b0

#e47dc4

#eda8d7

#f6d4eb

Tones

Color #a2227a mixed toward gray.

#972d76

#8d3772

#82426e

#774d6a

#6d5766

Accessibility

Aa White text on this color

6.89:1

Aa Black text on this color

3.05:1

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

Under color vision deficiencies

Protanopia

#7f7e6c · ΔE 40.6

Deuteranopia

#848b69 · ΔE 51.4

Tritanopia

#9e605d · ΔE 22.1

Achromatopsia

#5a5a5a · ΔE 26.3

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

Code

CSS

background-color: #a2227a;

Tailwind (arbitrary value)

bg-[#a2227a]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#a2227a (#a2227a) is rgb(162, 34, 122) in RGB.

No, #a2227a 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 #a2227a, or check how it holds up for accessibility.

Generate a palette → Check contrast