Mã màu Light Slate Gray (#778899)

Light Slate Gray là #778899 ở dạng hex và rgb(119, 136, 153) — 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, tông tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Light Slate Gray
#778899
Tên CSSlightslategray (also lightslategrey)
Hex#778899
RGBrgb(119, 136, 153)
HSLhsl(210 14% 53%)
HWBhwb(210 47% 40%)
CMYK22%, 11%, 0%, 40%

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

Phối màu

Giới thiệu về Light Slate Gray

Light Slate Gray (lightslategray) là một màu xanh dương trung bình, dịu, với mã hex #778899, hay rgb(119, 136, 153). Trong HSL, màu này có sắc độ 210°, độ bão hòa 14% và độ sáng 53%. CSS cũng chấp nhận cách viết lightslategrey cho đúng màu đó. Đâ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: lightslategray; thay cho giá trị hex.

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

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

Trên nền light slate gray, hãy dùng chữ đen (5.77 : 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 bằng Contrast Checker.

CSS

.element {
  color: lightslategray;               /* or #778899 */
  background-color: #778899;
  border: 1px solid rgb(119 136 153 / 50%);
}

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

Slate Gray (#708090), Xám (#808080), Xanh Cadet (#5f9ea0), Xanh thép (#4682b4), Xanh biển đậm (#8fbc8f), Xám mờ (#696969).

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

Mã hex của light slate gray là gì?
#778899 — tương ứng rgb(119, 136, 153) và hsl(210, 14%, 53%). Trong CSS, bạn cũng có thể viết trực tiếp lightslategray.
Chữ light slate gray trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 3.64 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với light slate gray?
Màu bổ sung của nó là #988776; các màu tương đồng #769898 và #767698 nằm cạnh nó trên bánh xe màu.