#a61695

Color #a61695

A vivid, highly saturated dark magenta.

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

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

Conversions

HEX

#a61695

RGB

rgb(166, 22, 149)

HSL

hsl(307.1, 76.6%, 36.9%)

HSV / HSB

hsv(307.1, 86.7%, 65.1%)

CMYK

cmyk(0%, 86.7%, 10.2%, 34.9%)

LAB

lab(39.33, 65.86, -33.86)

LCH

lch(39.33, 74.05, 332.79)

OKLCH

oklch(50.6%, 0.213, 334.11)

HWB

hwb(307.1, 8.6%, 34.9%)

Harmony colors

Complementary

#16a627

Analogous

#6f16a6

#a61695

#a6164d

Triadic

#a61695

#95a616

#1695a6

Split-complementary

#a61695

#4da616

#16a66f

Tetradic

#a61695

#a62716

#16a627

#1695a6

Square

#a61695

#a66f16

#16a627

#164da6

Shades

Color #a61695 mixed toward black.

#8a127c

#6f0f63

#530b4b

#370732

#1c0419

Tints

Color #a61695 mixed toward white.

#d61cc0

#e642d2

#ec71de

#f2a0e9

#f9d0f4

Tones

Color #a61695 mixed toward gray.

#9a228c

#8e2e83

#823a7a

#764670

#6a5267

Accessibility

Aa White text on this color

6.62:1

Aa Black text on this color

3.17:1

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

Under color vision deficiencies

Protanopia

#818084 · ΔE 30.1

Deuteranopia

#878e7f · ΔE 46.4

Tritanopia

#a27470 · ΔE 28.8

Achromatopsia

#5d5d5d · ΔE 27.9

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

Code

CSS

background-color: #a61695;

Tailwind (arbitrary value)

bg-[#a61695]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#a61695 (#a61695) is rgb(166, 22, 149) in RGB.

No, #a61695 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast