#a549bb

Color #a549bb

A moderately saturated medium purple.

Closest named color Medium Orchid #ba55d3 · ΔE 8.46 Nearest Tailwind class fuchsia-600 #c800de · ΔE 7.4

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

Conversions

HEX

#a549bb

RGB

rgb(165, 73, 187)

HSL

hsl(288.4, 45.6%, 51%)

HSV / HSB

hsv(288.4, 61%, 73.3%)

CMYK

cmyk(11.8%, 61%, 0%, 26.7%)

LAB

lab(47.43, 54.72, -43.63)

LCH

lch(47.43, 69.98, 321.43)

OKLCH

oklch(57%, 0.1872, 319.46)

HWB

hwb(288.4, 28.6%, 26.7%)

Harmony colors

Complementary

#5fbb49

Analogous

#6c49bb

#a549bb

#bb4998

Triadic

#a549bb

#bba549

#49bba5

Split-complementary

#a549bb

#98bb49

#49bb6c

Tetradic

#a549bb

#bb495f

#5fbb49

#49bba5

Square

#a549bb

#bb6c49

#5fbb49

#4998bb

Shades

Color #a549bb mixed toward black.

#8b3b9e

#6f2f7e

#53235f

#37183f

#1c0c20

Tints

Color #a549bb mixed toward white.

#b467c6

#c386d2

#d2a4dd

#e1c2e8

#f0e1f4

Tones

Color #a549bb mixed toward gray.

#9f53b2

#995ca8

#94669f

#8e6f95

#88798c

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

#8786a8 · ΔE 21.3

Deuteranopia

#8b91a3 · ΔE 24.6

Tritanopia

#a29793 · ΔE 32.1

Achromatopsia

#707070 · ΔE 27.3

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

Code

CSS

background-color: #a549bb;

Tailwind (arbitrary value)

bg-[#a549bb]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#a549bb (#a549bb) is rgb(165, 73, 187) in RGB.

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

Generate a palette → Check contrast