#a72396

Color #a72396

A moderately saturated dark magenta.

Closest named color Dark Magenta #8b008b · ΔE 10.2 Nearest Tailwind class fuchsia-700 #a800b7 · ΔE 6.1

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

Conversions

HEX

#a72396

RGB

rgb(167, 35, 150)

HSL

hsl(307.7, 65.3%, 39.6%)

HSV / HSB

hsv(307.7, 79%, 65.5%)

CMYK

cmyk(0%, 79%, 10.2%, 34.5%)

LAB

lab(40.61, 63.19, -32.44)

LCH

lch(40.61, 71.03, 332.83)

OKLCH

oklch(51.5%, 0.2041, 334.18)

HWB

hwb(307.7, 13.7%, 34.5%)

Harmony colors

Complementary

#23a734

Analogous

#7623a7

#a72396

#a72354

Triadic

#a72396

#96a723

#2396a7

Split-complementary

#a72396

#54a723

#23a776

Tetradic

#a72396

#a73423

#23a734

#2396a7

Square

#a72396

#a77623

#23a734

#2354a7

Shades

Color #a72396 mixed toward black.

#8b1d7d

#6f1764

#53124b

#380c32

#1c0619

Tints

Color #a72396 mixed toward white.

#d12cbc

#db55ca

#e480d7

#edaae5

#f6d5f2

Tones

Color #a72396 mixed toward gray.

#9c2e8e

#913986

#86447d

#7b4f75

#705a6d

Accessibility

Aa White text on this color

6.32:1

Aa Black text on this color

3.32:1

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

Under color vision deficiencies

Protanopia

#838285 · ΔE 29.8

Deuteranopia

#888f81 · ΔE 45

Tritanopia

#a37672 · ΔE 28.2

Achromatopsia

#606060 · ΔE 27.5

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

Code

CSS

background-color: #a72396;

Tailwind (arbitrary value)

bg-[#a72396]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#a72396 (#a72396) is rgb(167, 35, 150) in RGB.

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

Generate a palette → Check contrast