#bd5163

Color #bd5163

A moderately saturated medium red.

Closest named color Indian Red #cd5c5c · ΔE 11.42 Nearest Tailwind class pink-700 #c6005c · ΔE 10

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

Conversions

HEX

#bd5163

RGB

rgb(189, 81, 99)

HSL

hsl(350, 45%, 52.9%)

HSV / HSB

hsv(350, 57.1%, 74.1%)

CMYK

cmyk(0%, 57.1%, 47.6%, 25.9%)

LAB

lab(49.02, 45.09, 11.58)

LCH

lch(49.02, 46.55, 14.4)

OKLCH

oklch(57.8%, 0.1396, 12.28)

HWB

hwb(350, 31.8%, 25.9%)

Harmony colors

Complementary

#51bdab

Analogous

#bd5199

#bd5163

#bd7551

Triadic

#bd5163

#63bd51

#5163bd

Split-complementary

#bd5163

#51bd75

#5199bd

Tetradic

#bd5163

#bdab51

#51bdab

#5163bd

Square

#bd5163

#99bd51

#51bdab

#7551bd

Shades

Color #bd5163 mixed toward black.

#a33e4f

#82313f

#62252f

#41191f

#210c10

Tints

Color #bd5163 mixed toward white.

#c86e7d

#d38b97

#dea8b1

#e9c5cb

#f4e2e5

Tones

Color #bd5163 mixed toward gray.

#b45a69

#ab636f

#a26c75

#99757b

#907e81

Accessibility

Aa White text on this color

4.65:1

Aa Black text on this color

4.52:1

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

Under color vision deficiencies

Protanopia

#9a995f · ΔE 42.9

Deuteranopia

#9fa65e · ΔE 48.4

Tritanopia

#b95c5b · ΔE 5.8

Achromatopsia

#747474 · ΔE 24.6

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

Code

CSS

background-color: #bd5163;

Tailwind (arbitrary value)

bg-[#bd5163]

Related colors

Pink #ffc0cb

Light Pink #ffb6c1

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#bd5163 (#bd5163) is rgb(189, 81, 99) in RGB.

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

Generate a palette → Check contrast