Giới thiệu về Medium Violet Red
Medium Violet Red (mediumvioletred) là một màu magenta trung bình, rực rỡ, có mã hex #c71585, hoặc rgb(199, 21, 133). Trong HSL, màu này có sắc độ (hue) 322°, độ bão hòa 81% và độ sáng 43%. Đâ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: mediumvioletred; thay vì giá trị hex.
Dùng Medium Violet Red cho văn bản và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Medium Violet Red trên nền trắng | 5.42 : 1 | AA |
| Chữ Medium Violet Red trên nền đen | 3.87 : 1 | Chỉ AA cho chữ lớn |
Trên nền medium violet red, hãy dùng chữ trắng (5.42 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với chữ lớn. Bạn có thể 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: mediumvioletred; /* or #c71585 */
background-color: #c71585;
border: 1px solid rgb(199 21 133 / 50%);
}
Các màu có tên tương tự
Deep Pink (#ff1493), Dark Magenta (#8b008b), Purple (#800080), Crimson (#dc143c), Indian Red (#cd5c5c), 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.