#b18bbe

Color #b18bbe

A muted light purple.

Closest named color Plum #dda0dd · ΔE 13.73 Nearest Tailwind class purple-300 #dab2ff · ΔE 13.1

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

Conversions

HEX

#b18bbe

RGB

rgb(177, 139, 190)

HSL

hsl(284.7, 28.2%, 64.5%)

HSV / HSB

hsv(284.7, 26.8%, 74.5%)

CMYK

cmyk(6.8%, 26.8%, 0%, 25.5%)

LAB

lab(62.95, 23.64, -21.06)

LCH

lch(62.95, 31.66, 318.3)

OKLCH

oklch(69%, 0.0845, 317.4)

HWB

hwb(284.7, 54.5%, 25.5%)

Harmony colors

Complementary

#98be8b

Analogous

#978bbe

#b18bbe

#be8bb1

Triadic

#b18bbe

#beb18b

#8bbeb1

Split-complementary

#b18bbe

#b1be8b

#8bbe97

Tetradic

#b18bbe

#be8b98

#98be8b

#8bbeb1

Square

#b18bbe

#be978b

#98be8b

#8bb1be

Shades

Color #b18bbe mixed toward black.

#9968aa

#7d4f8d

#5e3b69

#3e2746

#1f1423

Tints

Color #b18bbe mixed toward white.

#be9ec9

#cbb2d4

#d8c5df

#e5d8e9

#f2ecf4

Tones

Color #b18bbe mixed toward gray.

#af8fba

#ad93b5

#ab98b1

#a99cad

#a7a0a9

Accessibility

Aa White text on this color

2.87:1

Aa Black text on this color

7.31:1

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

Under color vision deficiencies

Protanopia

#a2a2b3 · ΔE 15

Deuteranopia

#a4a7b1 · ΔE 18.2

Tritanopia

#afaaa8 · ΔE 21.4

Achromatopsia

#989898 · ΔE 20.8

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

Code

CSS

background-color: #b18bbe;

Tailwind (arbitrary value)

bg-[#b18bbe]

Related colors

Dark Violet #9400d3

Medium Orchid #ba55d3

Dark Orchid #9932cc

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#b18bbe (#b18bbe) is rgb(177, 139, 190) in RGB.

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

Generate a palette → Check contrast