Giới thiệu về Dark Slate Blue
Dark Slate Blue (darkslateblue) là một màu xanh lam đậm, độ bão hòa vừa phải, có mã hex #483d8b, hay rgb(72, 61, 139). Trong HSL, màu này có sắc độ 248°, độ bão hòa 39% và độ sáng 39%. Đâ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: darkslateblue; thay vì mã hex.
Dùng Dark Slate Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Dark Slate Blue trên nền trắng | 9.07 : 1 | AAA |
| Chữ Dark Slate Blue trên nền đen | 2.32 : 1 | không đạt |
Trên nền xanh lam slate đậm, hãy dùng chữ trắng (9.07 : 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 với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: darkslateblue; /* or #483d8b */
background-color: #483d8b;
border: 1px solid rgb(72 61 139 / 50%);
}
Các màu có tên tương tự
Rebecca Purple (#663399), Chàm (#4b0082), Xám mờ (#696969), Xanh nửa đêm (#191970), Xám xanh slate đậm (#2f4f4f), Xám xanh slate (#708090).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.