Mã Màu Slate Gray (#708090)

Slate Gray là #708090 ở dạng hex và rgb(112, 128, 144) — một màu xanh dương trung bình. Dưới đây là mọi định dạng màu, sắc thái sáng và tối, các bộ phối màu, và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xám Đá Phiến
#708090
Tên CSSslategray (cũng viết là slategrey)
Hex#708090
RGBrgb(112, 128, 144)
HSLhsl(210 13% 50%)
HWBhwb(210 44% 44%)
CMYK22%, 11%, 0%, 44%

Sắc thái sáng và tối

Phối màu

Giới thiệu về Slate Gray

Slate Gray (slategray) là một màu xanh dương trung bình, trầm và dịu, có mã hex #708090, hoặc rgb(112, 128, 144). Trong HSL, màu này có sắc độ 210°, độ bão hòa 13% và độ sáng 50%. CSS cũng chấp nhận cách viết slategrey cho đúng màu này. Đâ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: slategray; thay cho giá trị hex.

Dùng Slate Gray cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Slate Gray trên nền trắng4.05 : 1Chỉ AA cho chữ lớn
Chữ Slate Gray trên nền đen5.18 : 1AA

Trên nền slate gray, hãy dùng chữ đen (5.18 : 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. 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: slategray;               /* or #708090 */
  background-color: #708090;
  border: 1px solid rgb(112 128 144 / 50%);
}

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

Light Slate Gray (#778899), Xám (#808080), Xanh Cadet (#5f9ea0), Xám Mờ (#696969), Xanh Thép (#4682b4), Xanh Biển Đậm (#8fbc8f).

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

Mã hex của slate gray là gì?
#708090 — tức là rgb(112, 128, 144) và hsl(210, 13%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp slategray.
Chữ slate gray có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 4.05 : 1, chỉ đạt chuẩn cho chữ lớn (WCAG AA chữ lớn).
Màu nào hợp với slate gray?
Màu bổ sung của nó là #90806f; hai màu tương tự #6f9090 và #6f6f90 nằm sát bên nó trên vòng màu.