Mã Màu Xám Đậm (#a9a9a9)

Xám đậm là #a9a9a9 ở dạng hex và rgb(169, 169, 169), một màu xám nhạt. Dưới đây là mọi định dạng màu, sắc độ nhạt đậm, bảng phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xám đậm
#a9a9a9
Tên CSSdarkgray (cũng viết là darkgrey)
Hex#a9a9a9
RGBrgb(169, 169, 169)
HSLhsl(0 0% 66%)
HWBhwb(0 66% 34%)
CMYK0%, 0%, 0%, 34%

Sắc độ nhạt và đậm

Về màu Xám đậm

Xám đậm (darkgray) là một màu xám nhạt, dịu, có mã hex #a9a9a9, hoặc rgb(169, 169, 169). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 66%. CSS cũng chấp nhận cách viết darkgrey cho đúng màu này. Đây là một trong 148 tên màu mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: darkgray; thay cho mã hex.

Dùng Xám đậm cho chữ và nền

Cặp màuTỉ lệ tương phảnWCAG
Chữ Xám đậm trên nền trắng2.35 : 1không đạt
Chữ Xám đậm trên nền đen8.94 : 1AAA

Trên nền xám đậm, hãy dùng chữ đen (8.94 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.

CSS

.element {
  color: darkgray;               /* or #a9a9a9 */
  background-color: #a9a9a9;
  border: 1px solid rgb(169 169 169 / 50%);
}

Các tên màu tương tự

Bạc (#c0c0c0), Xanh lục biển đậm (#8fbc8f), Nâu hồng (#bc8f8f), Nâu vàng nhạt (#d2b48c), Xanh thép nhạt (#b0c4de), Xám đá phiến nhạt (#778899).

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

Mã hex của xám đậm là gì?
#a9a9a9, tương ứng với rgb(169, 169, 169) và hsl(0, 0%, 66%). Trong CSS, bạn cũng có thể viết trực tiếp darkgray.
Chữ xám đậm 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à 2.35 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc đặt trên nền tối thay thế.
Những màu nào hợp với xám đậm?
Xám đậm là màu trung tính nên hợp với hầu hết các màu. Bạn có thể dùng nó cho nền, viền và chữ xung quanh một màu nhấn mạnh hơn.