#b985cb

Color #b985cb

A moderately saturated light purple.

Closest named color Plum #dda0dd · ΔE 12.36 Nearest Tailwind class purple-400 #c27aff · ΔE 9.8

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

Conversions

HEX

#b985cb

RGB

rgb(185, 133, 203)

HSL

hsl(284.6, 40.2%, 65.9%)

HSV / HSB

hsv(284.6, 34.5%, 79.6%)

CMYK

cmyk(8.9%, 34.5%, 0%, 20.4%)

LAB

lab(62.85, 32.24, -28.47)

LCH

lch(62.85, 43.01, 318.55)

OKLCH

oklch(69.3%, 0.1147, 317.16)

HWB

hwb(284.6, 52.2%, 20.4%)

Harmony colors

Complementary

#97cb85

Analogous

#9685cb

#b985cb

#cb85ba

Triadic

#b985cb

#cbb985

#85cbb9

Split-complementary

#b985cb

#bacb85

#85cb96

Tetradic

#b985cb

#cb8597

#97cb85

#85cbb9

Square

#b985cb

#cb9685

#97cb85

#85bacb

Shades

Color #b985cb mixed toward black.

#a35eba

#86439d

#643276

#43214f

#211127

Tints

Color #b985cb mixed toward white.

#c599d4

#d0aedc

#dcc2e5

#e8d6ee

#f3ebf6

Tones

Color #b985cb mixed toward gray.

#b68bc5

#b391bf

#b197ba

#ae9cb4

#aba2ae

Accessibility

Aa White text on this color

2.88:1

Aa Black text on this color

7.28:1

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

Under color vision deficiencies

Protanopia

#a5a5bd · ΔE 15.8

Deuteranopia

#a8acba · ΔE 19

Tritanopia

#b7b1ae · ΔE 25.1

Achromatopsia

#989898 · ΔE 23.4

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

Code

CSS

background-color: #b985cb;

Tailwind (arbitrary value)

bg-[#b985cb]

Related colors

Dark Violet #9400d3

Medium Orchid #ba55d3

Dark Orchid #9932cc

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#b985cb (#b985cb) is rgb(185, 133, 203) in RGB.

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

Generate a palette → Check contrast