#75006e

Color #75006e

A vivid, highly saturated dark magenta.

Closest named color Purple #800080 · ΔE 8.4 Nearest Tailwind class fuchsia-900 #721378 · ΔE 2.6

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

Conversions

HEX

#75006e

RGB

rgb(117, 0, 110)

HSL

hsl(303.6, 100%, 22.9%)

HSV / HSB

hsv(303.6, 100%, 45.9%)

CMYK

cmyk(0%, 100%, 6%, 54.1%)

LAB

lab(26.47, 54.15, -30.43)

LCH

lch(26.47, 62.11, 330.67)

OKLCH

oklch(39%, 0.1764, 331.53)

HWB

hwb(303.6, 0%, 54.1%)

Harmony colors

Complementary

#007507

Analogous

#410075

#75006e

#750033

Triadic

#75006e

#6e7500

#006e75

Split-complementary

#75006e

#337500

#007541

Tetradic

#75006e

#750700

#007507

#006e75

Square

#75006e

#754100

#007507

#003375

Shades

Color #75006e mixed toward black.

#61005b

#4e0049

#3a0037

#270025

#130012

Tints

Color #75006e mixed toward white.

#b600ab

#f800e9

#ff3af3

#ff7cf7

#ffbdfb

Tones

Color #75006e mixed toward gray.

#6b0a65

#61135d

#581d54

#4e274c

#443143

Accessibility

Aa White text on this color

10.6:1

Aa Black text on this color

1.98:1

White text reads better on this background (10.6:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#595960 · ΔE 25.6

Deuteranopia

#5e635d · ΔE 36.3

Tritanopia

#725451 · ΔE 26.1

Achromatopsia

#3f3f3f · ΔE 26.3

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

Code

CSS

background-color: #75006e;

Tailwind (arbitrary value)

bg-[#75006e]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#75006e (#75006e) is rgb(117, 0, 110) in RGB.

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

Generate a palette → Check contrast