firebrick
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#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.
ค่าสี
#B22222
178, 34, 34
0.0, 67.9%, 41.6%
0.0, 80.9%, 69.8%
0.0%, 80.9%, 80.9%, 30.2%
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;
Red 700
#B91C1C
เฉดสี Tailwind
ตรวจสอบความเปรียบต่าง
ข้อความบนพื้นขาว
6.68:1
ข้อความบนพื้นดำ
3.14:1
เปรียบเทียบกับ
บทความที่เกี่ยวข้อง
คำถามที่พบบ่อย
What are the RGB, HSL, and CMYK values of #B22222?
RGB(178, 34, 34) · HSL(0.0, 67.9%, 41.6%) · CMYK(0.0%, 80.9%, 80.9%, 30.2%)
Does #B22222 meet WCAG contrast on white?
6.68:1 — WCAG AA ผ่าน, AAA ไม่ผ่าน for normal text.
What text color is readable on #B22222?
Use FFFFFF text on a #B22222 background; contrast on black is 3.14:1.