Firebrick colour (#B22222)

Firebrick is medium a red with hex code #B22222, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 178, 34, 34; in HSL 0°, 68%, 42%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Firebrick colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Firebrick in every format

FormatValue
HEX#B22222
RGBrgb(178, 34, 34)
RGB (0–1)0.698, 0.133, 0.133
HSLhsl(0, 68%, 42%)
CMYK (approx.)0%, 81%, 81%, 30%
CSScolor: firebrick;

Shades and tints of Firebrick

Same hue and saturation, lightness from 90% to 10%:

#f7d4d4 #efa9a9 #e77e7e #de5454 #d62929 #ab2121 #811818 #561010 #2b0808

Colours that go with Firebrick

HarmonyColours
Complementary #22b4b4
Triadic #22b422 #2222b4
Analogous #b46b22 #b4226b

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
brown #a52a2avery close
crimson #dc143cclose
sienna #a0522dclose
saddlebrown #8b4513close
darkred #8b0000close

Accessibility

Contrast ratio of Firebrick against white is 6.68:1 (passes WCAG AA for normal text) and against black 3.14:1 (fails). Use Firebrick for text on white backgrounds.

Frequently asked questions

What is the hex code for Firebrick?

#B22222.

What is Firebrick in RGB?

rgb(178, 34, 34).

What colour is complementary to Firebrick?

#22b4b4, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.