#7f4eb5

Color #7f4eb5

A moderately saturated medium purple.

Closest named color Rebecca Purple #663399 · ΔE 10.43 Nearest Tailwind class fuchsia-700 #a800b7 · ΔE 10.7

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

Conversions

HEX

#7f4eb5

RGB

rgb(127, 78, 181)

HSL

hsl(268.5, 41%, 50.8%)

HSV / HSB

hsv(268.5, 56.9%, 71%)

CMYK

cmyk(29.8%, 56.9%, 0%, 29%)

LAB

lab(43.21, 41.27, -47.15)

LCH

lch(43.21, 62.66, 311.2)

OKLCH

oklch(52.8%, 0.1593, 303.32)

HWB

hwb(268.5, 30.6%, 29%)

Harmony colors

Complementary

#84b54e

Analogous

#4e51b5

#7f4eb5

#b24eb5

Triadic

#7f4eb5

#b57f4e

#4eb57f

Split-complementary

#7f4eb5

#b5b24e

#51b54e

Tetradic

#7f4eb5

#b54e84

#84b54e

#4eb57f

Square

#7f4eb5

#b54e51

#84b54e

#4eb5b2

Shades

Color #7f4eb5 mixed toward black.

#6a4098

#55337a

#3f265b

#2a193d

#150d1e

Tints

Color #7f4eb5 mixed toward white.

#946cc1

#aa89ce

#bfa7da

#d4c4e6

#eae2f3

Tones

Color #7f4eb5 mixed toward gray.

#7f57ac

#805fa4

#80689b

#817093

#81798a

Accessibility

Aa White text on this color

5.74:1

Aa Black text on this color

3.66:1

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

Under color vision deficiencies

Protanopia

#6d6da3 · ΔE 12.5

Deuteranopia

#70739f · ΔE 14.8

Tritanopia

#7d9490 · ΔE 31.2

Achromatopsia

#666666 · ΔE 26.2

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

Code

CSS

background-color: #7f4eb5;

Tailwind (arbitrary value)

bg-[#7f4eb5]

Related colors

Rebecca Purple #663399

Blue Violet #8a2be2

Indigo #4b0082

Medium Purple #9370db

Dark Orchid #9932cc

Dark Violet #9400d3

Frequently asked questions

#7f4eb5 (#7f4eb5) is rgb(127, 78, 181) in RGB.

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

Generate a palette → Check contrast