#bd5750

Color #bd5750

A moderately saturated medium red.

Closest named color Indian Red #cd5c5c · ΔE 5.95 Nearest Tailwind class rose-600 #ec003f · ΔE 10.1

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

Conversions

HEX

#bd5750

RGB

rgb(189, 87, 80)

HSL

hsl(3.9, 45.2%, 52.7%)

HSV / HSB

hsv(3.9, 57.7%, 74.1%)

CMYK

cmyk(0%, 54%, 57.7%, 25.9%)

LAB

lab(49.76, 40.48, 23.92)

LCH

lch(49.76, 47.02, 30.58)

OKLCH

oklch(58.2%, 0.1331, 25.99)

HWB

hwb(3.9, 31.4%, 25.9%)

Harmony colors

Complementary

#50b6bd

Analogous

#bd507f

#bd5750

#bd8d50

Triadic

#bd5750

#50bd57

#5750bd

Split-complementary

#bd5750

#50bd8d

#507fbd

Tetradic

#bd5750

#b6bd50

#50b6bd

#5750bd

Square

#bd5750

#7fbd50

#50b6bd

#8d50bd

Shades

Color #bd5750 mixed toward black.

#a3443d

#823631

#622925

#411b19

#210e0c

Tints

Color #bd5750 mixed toward white.

#c8736d

#d38f8a

#deaba7

#e9c7c5

#f4e3e2

Tones

Color #bd5750 mixed toward gray.

#b45f59

#ab6762

#a26f6b

#997774

#8f7e7d

Accessibility

Aa White text on this color

4.52:1

Aa Black text on this color

4.64:1

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

Under color vision deficiencies

Protanopia

#9b9b52 · ΔE 40.1

Deuteranopia

#a0a752 · ΔE 44.3

Tritanopia

#ba5353 · ΔE 2.5

Achromatopsia

#767676 · ΔE 24.3

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

Code

CSS

background-color: #bd5750;

Tailwind (arbitrary value)

bg-[#bd5750]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#bd5750 (#bd5750) is rgb(189, 87, 80) in RGB.

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

Generate a palette → Check contrast