Giới thiệu về Slate Blue
Slate Blue (slateblue) là màu xanh dương trung bình, độ bão hòa vừa phải, có mã hex #6a5acd, hoặc rgb(106, 90, 205). Trong HSL, màu có sắc độ 248°, độ bão hòa 53% và độ sáng 58%. Đâ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: slateblue; thay vì mã hex.
Dùng Slate Blue cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Slate Blue trên nền trắng | 5.31 : 1 | AA |
| Chữ Slate Blue trên nền đen | 3.96 : 1 | Chỉ AA với chữ lớn |
Trên nền slate blue, dùng chữ trắng (5.31 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}
Tên màu tương tự
Medium Slate Blue (#7b68ee), Royal Blue (#4169e1), Medium Purple (#9370db), Steel Blue (#4682b4), Blue Violet (#8a2be2), Dark Orchid (#9932cc).
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.