Red color

Brick #B22222

#B22222 · rgb(178, 34, 34)

Brick is the color #B22222. In RGB it is rgb(178, 34, 34) — 70% red, 13% green and 13% blue. Its CMYK breakdown is 0% cyan, 81% magenta, 81% yellow and 30% black, and in HSL it sits at 0° hue, 68% saturation and 42% lightness. Brick is not a standard CSS color name; the nearest web color is Fire Brick (#B22222). The closest web-safe color is #993333.

Open in color picker Convert Make a palette Check contrast

Brick color codes

Hex#B22222

RGBrgb(178, 34, 34)

RGB %70%, 13%, 13%

HSLhsl(0, 68%, 42%)

HSV / HSBhsv(0, 81%, 70%)

CMYKcmyk(0%, 81%, 81%, 30%)

OKLCHoklch(50% 0.18 27)

Closest web-safe#993333

Brick color meaning

Brick is a balanced and versatile red — a warm color at 42% lightness and 68% saturation. Like other reds, it is linked with energy, passion and urgency. It raises the pulse — which is why it is used for sale signs, warnings and anything that has to be noticed first.

Because it is balanced and versatile, brick works best for brand colors, illustration, furnishings and accents. It is dark enough to use for text on a white page (6.7:1 contrast).

What colors go with Brick?

Brick pairs well with Light Sea Green, Medium Violet Red, Copper and Linen: Light Sea Green sits close to its opposite on the color wheel for strong contrast, Medium Violet Red and Copper are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around brick in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Brick at a glance

Color family	Red · warm, balanced and versatile
CSS color name	No — nearest keyword is Fire Brick (#B22222)
As text on white	6.68:1 — passes WCAG AA
Best text on it	White (6.68:1)
For print (CMYK)	0% cyan, 81% magenta, 81% yellow, 30% black
Full screen	Open the brick screen — fill your display or download it in 4K

Contrast

Contrast ratio of Brick against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 6.68:1 Black text — 3.14:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Brick

Brick color FAQ

What is the hex code for Brick?

Brick is #B22222, which is rgb(178, 34, 34) and hsl(0, 68%, 42%). For print it is roughly C0 M81 Y81 K30.

What colors go with Brick?

Brick pairs well with Light Sea Green, Medium Violet Red, Copper, Linen. Light Sea Green gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Brick a warm or cool color?

Brick is a warm color: its hue is 0°, on the red, orange and yellow side of the color wheel.

What text color looks best on Brick?

White text, with a contrast ratio of 6.7:1, which meets WCAG AA for normal text. Brick itself is also readable as text on white (6.7:1).