#982464

Color #982464

A moderately saturated dark magenta.

Closest named color Medium Violet Red #c71585 · ΔE 21.46 Nearest Tailwind class pink-800 #a3004c · ΔE 7

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

Conversions

HEX

#982464

RGB

rgb(152, 36, 100)

HSL

hsl(326.9, 61.7%, 36.9%)

HSV / HSB

hsv(326.9, 76.3%, 59.6%)

CMYK

cmyk(0%, 76.3%, 34.2%, 40.4%)

LAB

lab(35.71, 52.5, -9.14)

LCH

lch(35.71, 53.29, 350.12)

OKLCH

oklch(46.7%, 0.1625, 351.65)

HWB

hwb(326.9, 14.1%, 40.4%)

Harmony colors

Complementary

#249858

Analogous

#922498

#982464

#98242a

Triadic

#982464

#649824

#246498

Split-complementary

#982464

#2a9824

#249892

Tetradic

#982464

#985824

#249858

#246498

Square

#982464

#989224

#249858

#242a98

Shades

Color #982464 mixed toward black.

#7f1e53

#651843

#4c1232

#330c21

#190611

Tints

Color #982464 mixed toward white.

#c42e81

#d6529b

#e07db4

#eaa8cd

#f5d4e6

Tones

Color #982464 mixed toward gray.

#8e2e63

#853762

#7b4161

#714b60

#68545f

Accessibility

Aa White text on this color

7.58:1

Aa Black text on this color

2.77:1

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

Under color vision deficiencies

Protanopia

#777759 · ΔE 43.3

Deuteranopia

#7c8257 · ΔE 50.3

Tritanopia

#95504e · ΔE 17.3

Achromatopsia

#545454 · ΔE 25.3

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

Code

CSS

background-color: #982464;

Tailwind (arbitrary value)

bg-[#982464]

Related colors

Deep Pink #ff1493

Hot Pink #ff69b4

Medium Violet Red #c71585

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Frequently asked questions

#982464 (#982464) is rgb(152, 36, 100) in RGB.

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

Generate a palette → Check contrast