#78488a

Color #78488a

A muted medium purple.

Closest named color Dark Slate Blue #483d8b · ΔE 16.79 Nearest Tailwind class fuchsia-800 #8a0194 · ΔE 10.8

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

Conversions

HEX

#78488a

RGB

rgb(120, 72, 138)

HSL

hsl(283.6, 31.4%, 41.2%)

HSV / HSB

hsv(283.6, 47.8%, 54.1%)

CMYK

cmyk(13%, 47.8%, 0%, 45.9%)

LAB

lab(38.66, 32.47, -28.69)

LCH

lch(38.66, 43.33, 318.54)

OKLCH

oklch(48.5%, 0.115, 316.27)

HWB

hwb(283.6, 28.2%, 45.9%)

Harmony colors

Complementary

#5a8a48

Analogous

#57488a

#78488a

#8a487b

Triadic

#78488a

#8a7848

#488a78

Split-complementary

#78488a

#7b8a48

#488a57

Tetradic

#78488a

#8a485a

#5a8a48

#488a78

Square

#78488a

#8a5748

#5a8a48

#487b8a

Shades

Color #78488a mixed toward black.

#643c73

#50305c

#3c2445

#28182e

#140c17

Tints

Color #78488a mixed toward white.

#945ba9

#a97cba

#bf9ccc

#d4bddd

#eadeee

Tones

Color #78488a mixed toward gray.

#764e85

#73537f

#71597a

#6e5e74

#6c646f

Accessibility

Aa White text on this color

6.79:1

Aa Black text on this color

3.09:1

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

Under color vision deficiencies

Protanopia

#67667e · ΔE 15.3

Deuteranopia

#696c7b · ΔE 18.7

Tritanopia

#767371 · ΔE 25.7

Achromatopsia

#5b5b5b · ΔE 23.4

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

Code

CSS

background-color: #78488a;

Tailwind (arbitrary value)

bg-[#78488a]

Related colors

Dark Violet #9400d3

Dark Orchid #9932cc

Medium Orchid #ba55d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#78488a (#78488a) is rgb(120, 72, 138) in RGB.

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

Generate a palette → Check contrast