#bb2d1a

Color #bb2d1a

A vivid, highly saturated medium red.

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

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

Conversions

HEX

#bb2d1a

RGB

rgb(187, 45, 26)

HSL

hsl(7.1, 75.6%, 41.8%)

HSV / HSB

hsv(7.1, 86.1%, 73.3%)

CMYK

cmyk(0%, 75.9%, 86.1%, 26.7%)

LAB

lab(42.03, 55.09, 45.13)

LCH

lch(42.03, 71.22, 39.32)

OKLCH

oklch(52.1%, 0.1813, 31.08)

HWB

hwb(7.1, 10.2%, 26.7%)

Harmony colors

Complementary

#1aa8bb

Analogous

#bb1a58

#bb2d1a

#bb7e1a

Triadic

#bb2d1a

#1abb2d

#2d1abb

Split-complementary

#bb2d1a

#1abb7e

#1a58bb

Tetradic

#bb2d1a

#a8bb1a

#1aa8bb

#2d1abb

Square

#bb2d1a

#58bb1a

#1aa8bb

#7e1abb

Shades

Color #bb2d1a mixed toward black.

#9c2616

#7d1e11

#5e170d

#3e0f09

#1f0804

Tints

Color #bb2d1a mixed toward white.

#e13c26

#e76351

#ed8a7d

#f3b1a8

#f9d8d4

Tones

Color #bb2d1a mixed toward gray.

#ae3727

#a04235

#934c42

#855650

#78605d

Accessibility

Aa White text on this color

5.99:1

Aa Black text on this color

3.5:1

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

Under color vision deficiencies

Protanopia

#939220 · ΔE 46.5

Deuteranopia

#99a121 · ΔE 51.4

Tritanopia

#b72324 · ΔE 4.3

Achromatopsia

#636363 · ΔE 27.5

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

Code

CSS

background-color: #bb2d1a;

Tailwind (arbitrary value)

bg-[#bb2d1a]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#bb2d1a (#bb2d1a) is rgb(187, 45, 26) in RGB.

No, #bb2d1a is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast