#b5004a

Color #b5004a

A vivid, highly saturated dark pink.

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

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

Conversions

HEX

#b5004a

RGB

rgb(181, 0, 74)

HSL

hsl(335.5, 100%, 35.5%)

HSV / HSB

hsv(335.5, 100%, 71%)

CMYK

cmyk(0%, 100%, 59.1%, 29%)

LAB

lab(38.41, 64.31, 12.19)

LCH

lch(38.41, 65.46, 10.73)

OKLCH

oklch(49.5%, 0.198, 8.86)

HWB

hwb(335.5, 0%, 29%)

Harmony colors

Complementary

#00b56b

Analogous

#b500a4

#b5004a

#b51100

Triadic

#b5004a

#4ab500

#004ab5

Split-complementary

#b5004a

#00b511

#00a4b5

Tetradic

#b5004a

#b56b00

#00b56b

#004ab5

Square

#b5004a

#a4b500

#00b56b

#1100b5

Shades

Color #b5004a mixed toward black.

#97003e

#790031

#5b0025

#3c0019

#1e000c

Tints

Color #b5004a mixed toward white.

#ec0060

#ff247d

#ff5b9e

#ff91be

#ffc8df

Tones

Color #b5004a mixed toward gray.

#a60f4d

#971e4f

#882d52

#793c55

#6a4b58

Accessibility

Aa White text on this color

6.85:1

Aa Black text on this color

3.06:1

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

Under color vision deficiencies

Protanopia

#8c8b40 · ΔE 54.1

Deuteranopia

#929a3e · ΔE 60.7

Tritanopia

#b13735 · ΔE 12.1

Achromatopsia

#5a5a5a · ΔE 26.8

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

Code

CSS

background-color: #b5004a;

Tailwind (arbitrary value)

bg-[#b5004a]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Medium Violet Red #c71585

Frequently asked questions

#b5004a (#b5004a) is rgb(181, 0, 74) in RGB.

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

Generate a palette → Check contrast