#b21600

Color #b21600

A vivid, highly saturated dark red.

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

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

Conversions

HEX

#b21600

RGB

rgb(178, 22, 0)

HSL

hsl(7.4, 100%, 34.9%)

HSV / HSB

hsv(7.4, 100%, 69.8%)

CMYK

cmyk(0%, 87.6%, 100%, 30.2%)

LAB

lab(37.92, 58.14, 51.7)

LCH

lch(37.92, 77.8, 41.64)

OKLCH

oklch(48.7%, 0.1896, 31.06)

HWB

hwb(7.4, 0%, 30.2%)

Harmony colors

Complementary

#009cb2

Analogous

#b20043

#b21600

#b26f00

Triadic

#b21600

#00b216

#1600b2

Split-complementary

#b21600

#00b26f

#0043b2

Tetradic

#b21600

#9cb200

#009cb2

#1600b2

Square

#b21600

#43b200

#009cb2

#6f00b2

Shades

Color #b21600 mixed toward black.

#941200

#770f00

#590b00

#3b0700

#1e0400

Tints

Color #b21600 mixed toward white.

#e91d00

#ff3d22

#ff6d59

#ff9e90

#ffcec8

Tones

Color #b21600 mixed toward gray.

#a3210f

#942c1e

#85372c

#77433b

#684e4a

Accessibility

Aa White text on this color

6.98:1

Aa Black text on this color

3.01:1

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

Under color vision deficiencies

Protanopia

#8a8906 · ΔE 46.6

Deuteranopia

#919808 · ΔE 51.7

Tritanopia

#ae0b0c · ΔE 3.1

Achromatopsia

#595959 · ΔE 28.3

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

Code

CSS

background-color: #b21600;

Tailwind (arbitrary value)

bg-[#b21600]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#b21600 (#b21600) is rgb(178, 22, 0) in RGB.

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

Generate a palette → Check contrast