Mã màu Fire Brick (#b22222)

Fire Brick là #b22222 ở dạng hex và rgb(178, 34, 34), một màu đỏ trung bình. Dưới đây là mọi định dạng màu, sắc độ, tông tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Fire Brick
#b22222
Tên CSSfirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Sắc độ và tông tối

Phối màu

Về Fire Brick

Fire Brick (firebrick) là một màu đỏ trung bình, rực rỡ, có mã hex #b22222, hoặc rgb(178, 34, 34). Trong HSL, màu này có sắc độ 0°, độ bão hòa 68% và độ sáng 42%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: firebrick; thay cho mã hex.

Dùng Fire Brick cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Fire Brick trên nền trắng6.68 : 1AA
Chữ Fire Brick trên nền đen3.14 : 1Chỉ AA cho chữ lớn

Trên nền fire brick, hãy dùng chữ trắng (6.68 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Bạn có thể kiểm tra các cặp màu khác với công cụ kiểm tra độ tương phản.

CSS

.element {
  color: firebrick;               /* or #b22222 */
  background-color: #b22222;
  border: 1px solid rgb(178 34 34 / 50%);
}

Tên màu tương tự

Nâu (#a52a2a), Đỏ thẫm (#dc143c), Đất nung (#a0522d), Nâu yên ngựa (#8b4513), Đỏ sẫm (#8b0000), Hạt dẻ (#800000).

Câu hỏi thường gặp

Mã hex của fire brick là gì?
#b22222, tương ứng với rgb(178, 34, 34) và hsl(0, 68%, 42%). Trong CSS, bạn cũng có thể chỉ cần viết firebrick.
Chữ fire brick trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 6.68 : 1, đạt chuẩn WCAG AA cho chữ thường.
Những màu nào hợp với fire brick?
Màu bổ sung của nó là #22b4b4; các màu tương đồng #b4226b và #b46b22 nằm cạnh nó trên vòng tròn màu.