#bb629e

Color #bb629e

A muted medium magenta.

Closest named color Pale Violet Red #db7093 · ΔE 18.39 Nearest Tailwind class pink-500 #f6339a · ΔE 10.7

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

Conversions

HEX

#bb629e

RGB

rgb(187, 98, 158)

HSL

hsl(319.6, 39.6%, 55.9%)

HSV / HSB

hsv(319.6, 47.6%, 73.3%)

CMYK

cmyk(0%, 47.6%, 15.5%, 26.7%)

LAB

lab(53.78, 43.51, -16.57)

LCH

lch(53.78, 46.56, 339.15)

OKLCH

oklch(61.9%, 0.1356, 340.98)

HWB

hwb(319.6, 38.4%, 26.7%)

Harmony colors

Complementary

#62bb7f

Analogous

#ac62bb

#bb629e

#bb6271

Triadic

#bb629e

#9ebb62

#629ebb

Split-complementary

#bb629e

#71bb62

#62bbac

Tetradic

#bb629e

#bb7f62

#62bb7f

#629ebb

Square

#bb629e

#bbac62

#62bb7f

#6271bb

Shades

Color #bb629e mixed toward black.

#a64887

#85396c

#632b51

#421d36

#210e1b

Tints

Color #bb629e mixed toward white.

#c67cae

#d296be

#ddb1ce

#e8cbdf

#f4e5ef

Tones

Color #bb629e mixed toward gray.

#b4699b

#ac7199

#a57896

#9d8094

#968791

Accessibility

Aa White text on this color

3.92:1

Aa Black text on this color

5.35:1

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

Under color vision deficiencies

Protanopia

#9c9c92 · ΔE 32.7

Deuteranopia

#a1a78f · ΔE 41.7

Tritanopia

#b88886 · ΔE 19.1

Achromatopsia

#808080 · ΔE 24.5

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

Code

CSS

background-color: #bb629e;

Tailwind (arbitrary value)

bg-[#bb629e]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#bb629e (#bb629e) is rgb(187, 98, 158) in RGB.

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

Generate a palette → Check contrast