Toolman

#B32D00 color

#B32D00#B32D00

#B32D00 is a dark, vivid red, closest to the CSS named color firebrick (#B22222).

Color values

HEX#B32D00
RGBrgb(179, 45, 0)
HSLhsl(15, 100%, 35%)
CMYKcmyk(0%, 75%, 100%, 30%)
Decimal11742464
CSScolor: #B32D00;
Android0xFFB32D00
SwiftUIColor(red: 0.702, green: 0.176, blue: 0.000, alpha: 1)

Accessibility and contrast

White text on #B32D006.38:1 — AA pass · AA large pass · AAA fail
Black text on #B32D003.29:1 — AA fail · AA large pass · AAA fail
Recommended text colorwhite

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #B32D00

Each swatch keeps the hue and saturation of #B32D00 and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #B32D00

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #B32D00 in code

/* CSS */
.element { color: #B32D00; background-color: #B32D00; }
.element { color: rgb(179 45 0); }
.element { color: hsl(15 100% 35%); }

/* Tailwind arbitrary value */
<div class="bg-[#B32D00] text-white">

/* SCSS variable */
$brand: #B32D00;

Frequently asked questions

What color is #B32D00?

#B32D00 is a dark, vivid red. Its hue sits at 15° on the color wheel, with 100% saturation and 35% lightness.

What is #B32D00 in RGB?

#B32D00 converts to rgb(179, 45, 0) — 179 red, 45 green and 0 blue.

What is #B32D00 in CMYK?

Approximately cmyk(0%, 75%, 100%, 30%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #B32D00 be white or black?

White gives the better contrast ratio (6.38:1 versus 3.29:1).

What is the complementary color of #B32D00?

#0086B3 — the hue directly opposite #B32D00 on the color wheel.

Convert any color → · Browse all colors