#b41513

Color #b41513

A vivid, highly saturated dark red.

Closest named color Firebrick #b22222 · ΔE 7.9 Nearest Tailwind class red-700 #c10007 · ΔE 2.8

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

Conversions

HEX

#b41513

RGB

rgb(180, 21, 19)

HSL

hsl(0.7, 80.9%, 39%)

HSV / HSB

hsv(0.7, 89.4%, 70.6%)

CMYK

cmyk(0%, 88.3%, 89.4%, 29.4%)

LAB

lab(38.36, 59.13, 44.83)

LCH

lch(38.36, 74.2, 37.17)

OKLCH

oklch(49.2%, 0.1904, 28.38)

HWB

hwb(0.7, 7.5%, 29.4%)

Harmony colors

Complementary

#13b2b4

Analogous

#b41362

#b41513

#b46513

Triadic

#b41513

#13b415

#1513b4

Split-complementary

#b41513

#13b465

#1362b4

Tetradic

#b41513

#b2b413

#13b2b4

#1513b4

Square

#b41513

#62b413

#13b2b4

#6513b4

Shades

Color #b41513 mixed toward black.

#961110

#780e0d

#5a0a09

#3c0706

#1e0303

Tints

Color #b41513 mixed toward white.

#e31a18

#eb4543

#f07472

#f5a2a1

#fad1d0

Tones

Color #b41513 mixed toward gray.

#a62220

#992f2e

#8c3c3b

#7e4949

#715656

Accessibility

Aa White text on this color

6.87:1

Aa Black text on this color

3.06:1

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

Under color vision deficiencies

Protanopia

#8c8b13 · ΔE 48.4

Deuteranopia

#929a14 · ΔE 53.8

Tritanopia

#b01414 · ΔE 0.9

Achromatopsia

#5a5a5a · ΔE 27.9

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

Code

CSS

background-color: #b41513;

Tailwind (arbitrary value)

bg-[#b41513]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#b41513 (#b41513) is rgb(180, 21, 19) in RGB.

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

Generate a palette → Check contrast