#b5074d

Color #b5074d

A vivid, highly saturated dark pink.

Closest named color Brown #a52a2a · ΔE 24.31 Nearest Tailwind class pink-700 #c6005c · ΔE 4.1

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

Conversions

HEX

#b5074d

RGB

rgb(181, 7, 77)

HSL

hsl(335.9, 92.6%, 36.9%)

HSV / HSB

hsv(335.9, 96.1%, 71%)

CMYK

cmyk(0%, 96.1%, 57.5%, 29%)

LAB

lab(38.75, 63.73, 10.73)

LCH

lch(38.75, 64.63, 9.56)

OKLCH

oklch(49.8%, 0.1962, 7.94)

HWB

hwb(335.9, 2.7%, 29%)

Harmony colors

Complementary

#07b56f

Analogous

#b507a4

#b5074d

#b51807

Triadic

#b5074d

#4db507

#074db5

Split-complementary

#b5074d

#07b518

#07a4b5

Tetradic

#b5074d

#b56f07

#07b56f

#074db5

Square

#b5074d

#a4b507

#07b56f

#1807b5

Shades

Color #b5074d mixed toward black.

#970640

#790533

#5b0326

#3c021a

#1e010d

Tints

Color #b5074d mixed toward white.

#e90963

#f73080

#f964a0

#fb98c0

#fdcbdf

Tones

Color #b5074d mixed toward gray.

#a71550

#982453

#8a3356

#7b4158

#6d505b

Accessibility

Aa White text on this color

6.77:1

Aa Black text on this color

3.1:1

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

Under color vision deficiencies

Protanopia

#8c8b43 · ΔE 53.7

Deuteranopia

#929a41 · ΔE 60.4

Tritanopia

#b13a38 · ΔE 12.3

Achromatopsia

#5b5b5b · ΔE 26.7

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

Code

CSS

background-color: #b5074d;

Tailwind (arbitrary value)

bg-[#b5074d]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#b5074d (#b5074d) is rgb(181, 7, 77) in RGB.

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

Generate a palette → Check contrast