# Firebrick Color (#B22222)

> Firebrick is a CSS named color defined as hex code #B22222.

- **URL**: https://swatchatlas.com/colors/firebrick/
- **Language**: English (en)
- **CSS Name**: `firebrick`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #B22222
- **RGB**: rgb(178, 34, 34)
- **HSL**: hsl(0, 68%, 42%)
- **HSV/HSB**: hsv(0, 81%, 70%)
- **CMYK**: cmyk(0%, 81%, 81%, 30%) (digital approximation, non-print)
- **OKLCH**: oklch(0.497 0.180 26.8)

## What Colors Go With Firebrick
Contrast is each color on Firebrick (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 6.68:1, text-safe. Clear text on firebrick buttons and banners.
- **Ivory (#FFFFF0)**: 6.62:1, text-safe. A softer text and background color that keeps the warmth.
- **Wheat (#F5DEB3)**: 5.08:1, text-safe. A warm beige for vintage, autumn and farmhouse palettes.
- **Gold (#FFD700)**: 4.76:1, text-safe. A rich accent for borders, icons and headings.
- **Tan (#D2B48C)**: 3.39:1, background or accent. An earthy neutral that matches the brick tone.
- **Cadet Blue (#5F9EA0)**: 2.19:1, background or accent. A dusty blue-green that cools the palette down.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Firebrick**: 3.14:1 (Passes AA for large text only)
- **Pure White (#FFFFFF) text on Firebrick**: 6.68:1 (Passes AA for all text; AAA for large text only)
- **Dark Charcoal (#212529) text on Firebrick**: 2.31:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Firebrick**: 1.16:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Firebrick?
Only for large text. Black text on Firebrick has a WCAG 2.2 contrast ratio of 3.14:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### Can I use white text on Firebrick?
Yes. White text on Firebrick has a WCAG 2.2 contrast ratio of 6.68:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### What colors go with Firebrick?
White, Ivory, Wheat, Gold, Tan and Cadet Blue all go well with Firebrick. White (6.68:1), Ivory (6.62:1), Wheat (5.08:1) and Gold (4.76:1) have enough contrast for text on Firebrick; Tan and Cadet Blue work better as a background or accent.

### Is firebrick the same as brick red?
Not exactly. Brick red is not a CSS named color, so it has no standard hex code. Firebrick (#B22222) is the CSS color closest to it.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/firebrick-1920x1080.png