#a131d6

Color #a131d6

A moderately saturated medium purple.

Closest named color Dark Orchid #9932cc · ΔE 5.08 Nearest Tailwind class purple-600 #9810fa · ΔE 5.3

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

Conversions

HEX

#a131d6

RGB

rgb(161, 49, 214)

HSL

hsl(280.7, 66.8%, 51.6%)

HSV / HSB

hsv(280.7, 77.1%, 83.9%)

CMYK

cmyk(24.8%, 77.1%, 0%, 16.1%)

LAB

lab(45.12, 68.96, -62.98)

LCH

lch(45.12, 93.39, 317.6)

OKLCH

oklch(55.8%, 0.2395, 311.85)

HWB

hwb(280.7, 19.2%, 16.1%)

Harmony colors

Complementary

#66d631

Analogous

#4f31d6

#a131d6

#d631b9

Triadic

#a131d6

#d6a131

#31d6a1

Split-complementary

#a131d6

#b9d631

#31d64f

Tetradic

#a131d6

#d63166

#66d631

#31d6a1

Square

#a131d6

#d64f31

#66d631

#31b9d6

Shades

Color #a131d6 mixed toward black.

#8824b7

#6d1d92

#51166e

#360f49

#1b0725

Tints

Color #a131d6 mixed toward white.

#b153dd

#c076e4

#d098eb

#e0baf1

#efddf8

Tones

Color #a131d6 mixed toward gray.

#9c3fc8

#974dbb

#925aad

#8d689f

#887691

Accessibility

Aa White text on this color

5.35:1

Aa Black text on this color

3.93:1

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

Under color vision deficiencies

Protanopia

#807fbe · ΔE 21

Deuteranopia

#858bb8 · ΔE 25

Tritanopia

#9ea9a3 · ΔE 38.3

Achromatopsia

#6b6b6b · ΔE 30.1

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

Code

CSS

background-color: #a131d6;

Tailwind (arbitrary value)

bg-[#a131d6]

Related colors

Dark Orchid #9932cc

Dark Violet #9400d3

Indigo #4b0082

Medium Orchid #ba55d3

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#a131d6 (#a131d6) is rgb(161, 49, 214) in RGB.

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

Generate a palette → Check contrast