#946573

Color #946573

A muted medium pink.

Closest named color Rosy Brown #bc8f8f · ΔE 17.44 Nearest Tailwind class mauve-500 #79697b · ΔE 10

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

Conversions

HEX

#946573

RGB

rgb(148, 101, 115)

HSL

hsl(342.1, 18.9%, 48.8%)

HSV / HSB

hsv(342.1, 31.8%, 58%)

CMYK

cmyk(0%, 31.8%, 22.3%, 42%)

LAB

lab(48.06, 21.08, -0.16)

LCH

lch(48.06, 21.08, 359.57)

OKLCH

oklch(56%, 0.0634, 359.91)

HWB

hwb(342.1, 39.6%, 42%)

Harmony colors

Complementary

#659486

Analogous

#94658a

#946573

#946e65

Triadic

#946573

#739465

#657394

Split-complementary

#946573

#65946e

#658a94

Tetradic

#946573

#948665

#659486

#657394

Square

#946573

#8a9465

#659486

#6e6594

Shades

Color #946573 mixed toward black.

#7b5460

#63434d

#4a3239

#312226

#191113

Tints

Color #946573 mixed toward white.

#a77e8a

#b898a1

#cab1b9

#dccbd0

#ede5e8

Tones

Color #946573 mixed toward gray.

#906975

#8c6d76

#887178

#847579

#80797b

Accessibility

Aa White text on this color

4.81:1

Aa Black text on this color

4.37:1

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

Under color vision deficiencies

Protanopia

#828270 · ΔE 28

Deuteranopia

#85886f · ΔE 31.9

Tritanopia

#926d6d · ΔE 6.3

Achromatopsia

#727272 · ΔE 18.3

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

Code

CSS

background-color: #946573;

Tailwind (arbitrary value)

bg-[#946573]

Related colors

Pale Violet Red #db7093

Lavender Blush #fff0f5

Crimson #dc143c

Pink #ffc0cb

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#946573 (#946573) is rgb(148, 101, 115) in RGB.

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

Generate a palette → Check contrast