#965d87

Color #965d87

A muted medium magenta.

Closest named color Pale Violet Red #db7093 · ΔE 25.01 Nearest Tailwind class mauve-500 #79697b · ΔE 11.6

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

Conversions

HEX

#965d87

RGB

rgb(150, 93, 135)

HSL

hsl(315.8, 23.5%, 47.6%)

HSV / HSB

hsv(315.8, 38%, 58.8%)

CMYK

cmyk(0%, 38%, 10%, 41.2%)

LAB

lab(47.06, 29.82, -13.62)

LCH

lch(47.06, 32.78, 335.45)

OKLCH

oklch(55.5%, 0.0937, 337.13)

HWB

hwb(315.8, 36.5%, 41.2%)

Harmony colors

Complementary

#5d966c

Analogous

#885d96

#965d87

#965d6a

Triadic

#965d87

#87965d

#5d8796

Split-complementary

#965d87

#6a965d

#5d9688

Tetradic

#965d87

#966c5d

#5d966c

#5d8796

Square

#965d87

#96885d

#5d966c

#5d6a96

Shades

Color #965d87 mixed toward black.

#7d4d70

#643e5a

#4b2e43

#321f2d

#190f16

Tints

Color #965d87 mixed toward white.

#aa759c

#bb91b0

#ccacc4

#ddc8d7

#eee3eb

Tones

Color #965d87 mixed toward gray.

#916285

#8c6682

#886b80

#83707e

#7e757c

Accessibility

Aa White text on this color

4.99:1

Aa Black text on this color

4.21:1

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

Under color vision deficiencies

Protanopia

#81817e · ΔE 25.4

Deuteranopia

#84887c · ΔE 33.2

Tritanopia

#947775 · ΔE 16.8

Achromatopsia

#707070 · ΔE 22

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

Code

CSS

background-color: #965d87;

Tailwind (arbitrary value)

bg-[#965d87]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Orchid #da70d6

Hot Pink #ff69b4

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#965d87 (#965d87) is rgb(150, 93, 135) in RGB.

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

Generate a palette → Check contrast