#a78bb0

Color #a78bb0

A muted light purple.

Closest named color Thistle #d8bfd8 · ΔE 20.05 Nearest Tailwind class mauve-400 #a89ea9 · ΔE 11.4

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

Conversions

HEX

#a78bb0

RGB

rgb(167, 139, 176)

HSL

hsl(285.4, 19%, 61.8%)

HSV / HSB

hsv(285.4, 21%, 69%)

CMYK

cmyk(5.1%, 21%, 0%, 31%)

LAB

lab(61.49, 17.41, -15.45)

LCH

lch(61.49, 23.28, 318.41)

OKLCH

oklch(67.5%, 0.0622, 317.87)

HWB

hwb(285.4, 54.5%, 31%)

Harmony colors

Complementary

#94b08b

Analogous

#958bb0

#a78bb0

#b08ba7

Triadic

#a78bb0

#b0a78b

#8bb0a7

Split-complementary

#a78bb0

#a7b08b

#8bb095

Tetradic

#a78bb0

#b08b94

#94b08b

#8bb0a7

Square

#a78bb0

#b0958b

#94b08b

#8ba7b0

Shades

Color #a78bb0 mixed toward black.

#8f6c9b

#73557d

#56405e

#3a2b3f

#1d151f

Tints

Color #a78bb0 mixed toward white.

#b69ebd

#c4b2ca

#d3c5d8

#e2d8e5

#f0ecf2

Tones

Color #a78bb0 mixed toward gray.

#a68ead

#a491aa

#a294a7

#a197a4

#9f9ba1

Accessibility

Aa White text on this color

3.02:1

Aa Black text on this color

6.96:1

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

Under color vision deficiencies

Protanopia

#9c9ba8 · ΔE 12.9

Deuteranopia

#9d9fa6 · ΔE 16.2

Tritanopia

#a6a1a0 · ΔE 17.4

Achromatopsia

#949494 · ΔE 17.9

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

Code

CSS

background-color: #a78bb0;

Tailwind (arbitrary value)

bg-[#a78bb0]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Indigo #4b0082

Blue Violet #8a2be2

Dark Magenta #8b008b

Frequently asked questions

#a78bb0 (#a78bb0) is rgb(167, 139, 176) in RGB.

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

Generate a palette → Check contrast