#ba88ab

Color #ba88ab

A muted light magenta.

Closest named color Plum #dda0dd · ΔE 17.35 Nearest Tailwind class pink-300 #fda5d5 · ΔE 13.2

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

Conversions

HEX

#ba88ab

RGB

rgb(186, 136, 171)

HSL

hsl(318, 26.6%, 63.1%)

HSV / HSB

hsv(318, 26.9%, 72.9%)

CMYK

cmyk(0%, 26.9%, 8.1%, 27.1%)

LAB

lab(62.5, 24.76, -10.92)

LCH

lch(62.5, 27.06, 336.2)

OKLCH

oklch(68.6%, 0.077, 337.87)

HWB

hwb(318, 53.3%, 27.1%)

Harmony colors

Complementary

#88ba97

Analogous

#b088ba

#ba88ab

#ba8892

Triadic

#ba88ab

#abba88

#88abba

Split-complementary

#ba88ab

#92ba88

#88bab0

Tetradic

#ba88ab

#ba9788

#88ba97

#88abba

Square

#ba88ab

#bab088

#88ba97

#8892ba

Shades

Color #ba88ab mixed toward black.

#a66693

#884f77

#663b59

#44273b

#22141e

Tints

Color #ba88ab mixed toward white.

#c59cb9

#d1b0c7

#dcc3d5

#e8d7e3

#f3ebf1

Tones

Color #ba88ab mixed toward gray.

#b68ca9

#b290a8

#ad94a6

#a999a4

#a59da3

Accessibility

Aa White text on this color

2.92:1

Aa Black text on this color

7.2:1

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

Under color vision deficiencies

Protanopia

#a7a6a3 · ΔE 22.4

Deuteranopia

#a9ada2 · ΔE 30.2

Tritanopia

#b89d9c · ΔE 14.1

Achromatopsia

#979797 · ΔE 20.3

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

Code

CSS

background-color: #ba88ab;

Tailwind (arbitrary value)

bg-[#ba88ab]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#ba88ab (#ba88ab) is rgb(186, 136, 171) in RGB.

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

Generate a palette → Check contrast