Giới thiệu về Medium Slate Blue
Medium Slate Blue (mediumslateblue) là một màu xanh dương nhạt, rực rỡ, có mã hex #7b68ee, hoặc rgb(123, 104, 238). Trong HSL, màu này có sắc độ 249°, độ bão hòa 80% và độ sáng 67%. Đâ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: mediumslateblue; thay vì giá trị hex.
Cách dùng Medium Slate Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Medium Slate Blue trên nền trắng | 4.15 : 1 | Chỉ đạt AA với chữ lớn |
| Chữ Medium Slate Blue trên nền đen | 5.06 : 1 | AA |
Trên nền medium slate blue, hãy dùng chữ đen (5.06 : 1). WCAG yêu cầu tỷ lệ 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: mediumslateblue; /* or #7b68ee */
background-color: #7b68ee;
border: 1px solid rgb(123 104 238 / 50%);
}
Tên màu tương tự
Tím trung bình (Medium Purple) (#9370db), Xanh đá phiến (Slate Blue) (#6a5acd), Xanh cornflower (#6495ed), Xanh hoàng gia (Royal Blue) (#4169e1), Xanh tím (Blue Violet) (#8a2be2), Tím orchid đậm (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.