What is the meaning of the Firebrick color?
Firebrick is a deep, rich, and dark red color that represents the color of kiln-fired clay bricks. It is a stable, traditional shade that conveys strength and heritage, commonly used in academic and classical designs.
How to use the Firebrick color hex code in HTML & CSS?
To style elements with Firebrick on a website, use the hex code #B22222 in your HTML/CSS. Adding background-color: #B22222; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#B22222] or configuring it as a color variable in your configuration file.
What are the RGB and HSL codes of Firebrick?
In the digital sRGB spectrum, the Firebrick color code is mapped to RGB values of Red: 178, Green: 34, and Blue: 34. In the HSL system, it registers at hue angle 0°, saturation 68%, and lightness index 42%. It represents a balanced medium tone characterized by a balanced, moderate saturation.
CMYK print profiles for Firebrick color
To reproduce the named shade Firebrick in print systems, the CMYK ink configuration requires 0% Cyan, 81% Magenta, 81% Yellow, and 30% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.
Firebrick Color Space Conversions
Click to copy formatContrast & Accessibility (WCAG 2.1) Check
White text readability test with #B22222
Small body copy preview
Black text readability test with #B22222
Small body copy preview
Complementary & Analogous Harmonies
Computed dynamicallyShades & Tints Generator Matrix
Copy shade hex values instantlyDarker Shades (Adding Black)
Lighter Tints (Adding White)
CSS Custom Properties (Variables)
--color-hex: #B22222;
--color-rgb: rgb(178, 34, 34);
--color-hsl: hsl(0deg, 68%, 42%);
--color-name: firebrick;
Known Color Aliases
Firebrick Color Meaning
In design psychology, Firebrick is classified as a red shade, inheriting its psychological associations. The red hue commands attention like no other color. It raises heart rates, increases appetite, and creates a sense of urgency that drives action. Psychologists associate red with strong emotions: passion, love, anger, and danger all share this powerful hue. In marketing, red creates a sense of urgency used in clearance sales, while luxury brands leverage its association with confidence and desirability. Red has the longest wavelength of visible light, making it the first color the human eye detects — a survival trait hardwired from our evolutionary past.
Emotions & Associations
Industries