#a28598

Color #a28598

A nearly neutral, gray-leaning medium magenta.

Closest named color Rosy Brown #bc8f8f · ΔE 13.75 Nearest Tailwind class mauve-400 #a89ea9 · ΔE 10

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

Conversions

HEX

#a28598

RGB

rgb(162, 133, 152)

HSL

hsl(320.7, 13.5%, 57.8%)

HSV / HSB

hsv(320.7, 17.9%, 63.5%)

CMYK

cmyk(0%, 17.9%, 6.2%, 36.5%)

LAB

lab(58.72, 14.37, -5.97)

LCH

lch(58.72, 15.56, 337.44)

OKLCH

oklch(65%, 0.0442, 339.06)

HWB

hwb(320.7, 52.2%, 36.5%)

Harmony colors

Complementary

#85a28f

Analogous

#9d85a2

#a28598

#a28589

Triadic

#a28598

#98a285

#8598a2

Split-complementary

#a28598

#89a285

#85a29d

Tetradic

#a28598

#a28f85

#85a28f

#8598a2

Square

#a28598

#a29d85

#85a28f

#8589a2

Shades

Color #a28598 mixed toward black.

#8b6a80

#705566

#54404d

#382a33

#1c151a

Tints

Color #a28598 mixed toward white.

#b199a9

#c1aeba

#d0c2cb

#e0d6dd

#efebee

Tones

Color #a28598 mixed toward gray.

#9f8797

#9d8a96

#9b8c96

#988f95

#969194

Accessibility

Aa White text on this color

3.31:1

Aa Black text on this color

6.34:1

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

Under color vision deficiencies

Protanopia

#969694 · ΔE 16.4

Deuteranopia

#989a93 · ΔE 20.7

Tritanopia

#a1908f · ΔE 9.9

Achromatopsia

#8d8d8d · ΔE 14.8

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

Code

CSS

background-color: #a28598;

Tailwind (arbitrary value)

bg-[#a28598]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Lavender Blush #fff0f5

Pale Violet Red #db7093

Frequently asked questions

#a28598 (#a28598) is rgb(162, 133, 152) in RGB.

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

Generate a palette → Check contrast