#755487

Color #755487

A muted medium purple.

Closest named color Dark Slate Blue #483d8b · ΔE 21.56 Nearest Tailwind class mauve-500 #79697b · ΔE 11.9

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

Conversions

HEX

#755487

RGB

rgb(117, 84, 135)

HSL

hsl(278.8, 23.3%, 42.9%)

HSV / HSB

hsv(278.8, 37.8%, 52.9%)

CMYK

cmyk(13.3%, 37.8%, 0%, 47.1%)

LAB

lab(41.01, 23.73, -23.22)

LCH

lch(41.01, 33.2, 315.62)

OKLCH

oklch(50.1%, 0.0875, 313.1)

HWB

hwb(278.8, 32.9%, 47.1%)

Harmony colors

Complementary

#668754

Analogous

#5b5487

#755487

#87547f

Triadic

#755487

#877554

#548775

Split-complementary

#755487

#7f8754

#54875b

Tetradic

#755487

#875466

#668754

#548775

Square

#755487

#875b54

#668754

#547f87

Shades

Color #755487 mixed toward black.

#614670

#4e385a

#3a2a43

#271c2d

#130e16

Tints

Color #755487 mixed toward white.

#8e69a2

#a587b5

#bba5c7

#d2c3da

#e8e1ec

Tones

Color #755487 mixed toward gray.

#745883

#725c7e

#71617a

#706576

#6f6972

Accessibility

Aa White text on this color

6.22:1

Aa Black text on this color

3.37:1

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

Under color vision deficiencies

Protanopia

#68687d · ΔE 13.2

Deuteranopia

#6a6c7a · ΔE 16.3

Tritanopia

#747472 · ΔE 24.1

Achromatopsia

#616161 · ΔE 21.1

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

Code

CSS

background-color: #755487;

Tailwind (arbitrary value)

bg-[#755487]

Related colors

Dark Orchid #9932cc

Dark Violet #9400d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Medium Orchid #ba55d3

Frequently asked questions

#755487 (#755487) is rgb(117, 84, 135) in RGB.

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

Generate a palette → Check contrast