#b19bac

Color #b19bac

A nearly neutral, gray-leaning light magenta.

Closest named color Dark Gray #a9a9a9 · ΔE 12.9 Nearest Tailwind class mauve-400 #a89ea9 · ΔE 5.2

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

Conversions

HEX

#b19bac

RGB

rgb(177, 155, 172)

HSL

hsl(313.6, 12.4%, 65.1%)

HSV / HSB

hsv(313.6, 12.4%, 69.4%)

CMYK

cmyk(0%, 12.4%, 2.8%, 30.6%)

LAB

lab(66.34, 11.13, -5.85)

LCH

lch(66.34, 12.57, 332.27)

OKLCH

oklch(71.4%, 0.035, 333.73)

HWB

hwb(313.6, 60.8%, 30.6%)

Harmony colors

Complementary

#9bb1a0

Analogous

#ab9bb1

#b19bac

#b19ba1

Triadic

#b19bac

#acb19b

#9bacb1

Split-complementary

#b19bac

#a1b19b

#9bb1ab

Tetradic

#b19bac

#b1a09b

#9bb1a0

#9bacb1

Square

#b19bac

#b1ab9b

#9bb1a0

#9ba1b1

Shades

Color #b19bac mixed toward black.

#997c92

#7c6176

#5d4959

#3e303b

#1f181e

Tints

Color #b19bac mixed toward white.

#beacba

#cbbcc8

#d8cdd6

#e5dee3

#f2eef1

Tones

Color #b19bac mixed toward gray.

#af9dab

#ad9faa

#aca0a9

#aaa2a8

#a8a4a7

Accessibility

Aa White text on this color

2.58:1

Aa Black text on this color

8.15:1

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

Under color vision deficiencies

Protanopia

#a8a8a8 · ΔE 12.8

Deuteranopia

#a9aba7 · ΔE 16.5

Tritanopia

#b0a5a4 · ΔE 9.5

Achromatopsia

#a1a1a1 · ΔE 12.6

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

Code

CSS

background-color: #b19bac;

Tailwind (arbitrary value)

bg-[#b19bac]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#b19bac (#b19bac) is rgb(177, 155, 172) in RGB.

No, #b19bac is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast