⤺ color picker

#b22222 Color Hex (fire brick)

Hex color #b22222, RGB(178, 34, 34) - also known as fire brick - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #b22222 is a shade of red. In a RGB color space it is composed of 69.8% red, 13.33% green and 13.33% blue. In HSL notation it has 0° hue, 67.9% saturation and 41.6% lightness. The process color (CMYK) is combination of 0% cyan, 80.90% magenta, 80.90% yellow and 30.20% key (black). The closest short hexadecimal code of #b22222 is #b22.

Color information

  • #b22222 is a shade of red.
  • Red is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 0%
    • Magenta: 80.90%
    • Yellow: 80.90%
    • Key color - black: 30.20%
  • In the HSL model coordinates are:
    • Hue: 0° degrees
    • Saturation: 67.9%
    • Lightness: 41.6%
  • The values in the RGB color space are:
    • Red: 178 (69.8%)
    • Green: 34 (13.33%)
    • Blue: 34 (13.33%)


C: 0%, M: 80.90%, Y: 80.90%, K: 30.20%
R: 178, G: 34, B: 34
H: , S: 67.9%, L: 41.6%

Color harmonies

#b22222 color HTML and CSS codes

Example CSS code:

.setFontColor { color: #b22222; }
.setBackgroundColor { background-color: #b22222; }

#b22222 text/font color

How to set font color?

<p style="color:#b22222">Font color is #b22222.</p>

Font color is #b22222.

Red was ruby, green was fluorescent, yellow was simply incandescent. Color was life. Color was everything. Color, you see, was the universal sign of magic.
- Tahereh Mafi, Furthermore

#b22222 background color

How to set background color?

<div style="background-color:#b22222">Background color is #b22222.</div>

Background color is #b22222.

When you photograph people in color, you photograph their clothes. But when you photograph people in Black and white, you photograph their souls!
- Ted Grant