firebrick

#B22222

CSS color

Firebrick (#B22222) is a deep, muted red CSS named color, referencing the dark red of kiln-fired ceramic bricks used in construction. It is darker and earthier than pure red, with brownish undertones suggesting age, durability, and tradition. It is used in heritage branding, university logos (particularly those with brick architectural traditions), and mature, serious red applications.

颜色值

HEX

#B22222

RGB

178, 34, 34

HSL

0.0, 67.9%, 41.6%

HSV

0.0, 80.9%, 69.8%

CMYK

0.0%, 80.9%, 80.9%, 30.2%

OKLCH

0.4968 0.1797 26.8

属性

色彩心理学

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

配色方案

色觉模拟

CSS 用法

background-color: #B22222;
color: #B22222;
border-color: #B22222;
最接近的 Tailwind: Red 700 #B91C1C

Tailwind 色阶

对比度检查器

白底文字

6.68:1

AA Pass AAA Fail

黑底文字

3.14:1

AA Fail AAA Fail

与之比较

相关文章