#bb3119

Color #bb3119

A vivid, highly saturated medium red.

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

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

Conversions

HEX

#bb3119

RGB

rgb(187, 49, 25)

HSL

hsl(8.9, 76.4%, 41.6%)

HSV / HSB

hsv(8.9, 86.6%, 73.3%)

CMYK

cmyk(0%, 73.8%, 86.6%, 26.7%)

LAB

lab(42.51, 53.71, 46)

LCH

lch(42.51, 70.72, 40.58)

OKLCH

oklch(52.5%, 0.1784, 32.25)

HWB

hwb(8.9, 9.8%, 26.7%)

Harmony colors

Complementary

#19a3bb

Analogous

#bb1952

#bb3119

#bb8219

Triadic

#bb3119

#19bb31

#3119bb

Split-complementary

#bb3119

#19bb82

#1952bb

Tetradic

#bb3119

#a3bb19

#19a3bb

#3119bb

Square

#bb3119

#52bb19

#19a3bb

#8219bb

Shades

Color #bb3119 mixed toward black.

#9c2915

#7d2111

#5e190d

#3e1008

#1f0804

Tints

Color #bb3119 mixed toward white.

#e24024

#e86650

#ed8d7c

#f3b3a7

#f9d9d3

Tones

Color #bb3119 mixed toward gray.

#ae3b27

#a04434

#934e42

#85574f

#78615d

Accessibility

Aa White text on this color

5.89:1

Aa Black text on this color

3.57:1

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

Under color vision deficiencies

Protanopia

#949320 · ΔE 45.7

Deuteranopia

#9aa122 · ΔE 50.2

Tritanopia

#b72526 · ΔE 5.4

Achromatopsia

#646464 · ΔE 27.4

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

Code

CSS

background-color: #bb3119;

Tailwind (arbitrary value)

bg-[#bb3119]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#bb3119 (#bb3119) is rgb(187, 49, 25) in RGB.

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

Generate a palette → Check contrast