#7c58bc

Color #7c58bc

A moderately saturated medium purple.

Closest named color Medium Purple #9370db · ΔE 9.8 Nearest Tailwind class violet-500 #8e51ff · ΔE 9.8

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

Conversions

HEX

#7c58bc

RGB

rgb(124, 88, 188)

HSL

hsl(261.6, 42.7%, 54.1%)

HSV / HSB

hsv(261.6, 53.2%, 73.7%)

CMYK

cmyk(34%, 53.2%, 0%, 26.3%)

LAB

lab(45.49, 36.63, -47.6)

LCH

lch(45.49, 60.06, 307.58)

OKLCH

oklch(54.5%, 0.1521, 297.78)

HWB

hwb(261.6, 34.5%, 26.3%)

Harmony colors

Complementary

#98bc58

Analogous

#5866bc

#7c58bc

#ae58bc

Triadic

#7c58bc

#bc7c58

#58bc7c

Split-complementary

#7c58bc

#bcae58

#66bc58

Tetradic

#7c58bc

#bc5898

#98bc58

#58bc7c

Square

#7c58bc

#bc5866

#98bc58

#58bcae

Shades

Color #7c58bc mixed toward black.

#6542a4

#513583

#3d2862

#281a42

#140d21

Tints

Color #7c58bc mixed toward white.

#9274c7

#a890d2

#bdabdd

#d3c7e9

#e9e3f4

Tones

Color #7c58bc mixed toward gray.

#7e60b4

#8169ab

#8371a3

#85799b

#888292

Accessibility

Aa White text on this color

5.28:1

Aa Black text on this color

3.98:1

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

Under color vision deficiencies

Protanopia

#6e6eab · ΔE 9.4

Deuteranopia

#7073a6 · ΔE 11.5

Tritanopia

#7b9b97 · ΔE 31.5

Achromatopsia

#6c6c6c · ΔE 25.8

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

Code

CSS

background-color: #7c58bc;

Tailwind (arbitrary value)

bg-[#7c58bc]

Related colors

Medium Purple #9370db

Rebecca Purple #663399

Blue Violet #8a2be2

Indigo #4b0082

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Frequently asked questions

#7c58bc (#7c58bc) is rgb(124, 88, 188) in RGB.

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

Generate a palette → Check contrast