#bd3770

Color #bd3770

A moderately saturated medium pink.

Closest named color Medium Violet Red #c71585 · ΔE 19.03 Nearest Tailwind class pink-700 #c6005c · ΔE 5.5

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

Conversions

HEX

#bd3770

RGB

rgb(189, 55, 112)

HSL

hsl(334.5, 54.9%, 47.8%)

HSV / HSB

hsv(334.5, 70.9%, 74.1%)

CMYK

cmyk(0%, 70.9%, 40.7%, 25.9%)

LAB

lab(45.25, 57.52, -1.74)

LCH

lch(45.25, 57.55, 358.27)

OKLCH

oklch(55.1%, 0.1764, 358.73)

HWB

hwb(334.5, 21.6%, 25.9%)

Harmony colors

Complementary

#37bd84

Analogous

#bd37b3

#bd3770

#bd4137

Triadic

#bd3770

#70bd37

#3770bd

Split-complementary

#bd3770

#37bd41

#37b3bd

Tetradic

#bd3770

#bd8437

#37bd84

#3770bd

Square

#bd3770

#b3bd37

#37bd84

#4137bd

Shades

Color #bd3770 mixed toward black.

#9d2e5d

#7e254b

#5e1b38

#3f1225

#1f0913

Tints

Color #bd3770 mixed toward white.

#cd5387

#d7769f

#e198b7

#ebbacf

#f5dde7

Tones

Color #bd3770 mixed toward gray.

#b24272

#a74d73

#9b5875

#906477

#856f78

Accessibility

Aa White text on this color

5.32:1

Aa Black text on this color

3.94:1

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

Under color vision deficiencies

Protanopia

#969566 · ΔE 48.5

Deuteranopia

#9ca363 · ΔE 55.8

Tritanopia

#b95d5a · ΔE 15.3

Achromatopsia

#6b6b6b · ΔE 25.8

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

Code

CSS

background-color: #bd3770;

Tailwind (arbitrary value)

bg-[#bd3770]

Related colors

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Deep Pink #ff1493

Medium Violet Red #c71585

Crimson #dc143c

Frequently asked questions

#bd3770 (#bd3770) is rgb(189, 55, 112) in RGB.

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

Generate a palette → Check contrast