Về Indian Red
Indian Red (indianred) là màu đỏ trung bình, độ bão hòa vừa phải, có mã hex #cd5c5c, hay rgb(205, 92, 92). Trong HSL, màu này có sắc độ 0°, độ 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: indianred; thay vì mã hex.
Dùng Indian Red cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Indian Red trên nền trắng | 3.98 : 1 | Chỉ đạt AA cho chữ lớn |
| Chữ Indian Red trên nền đen | 5.28 : 1 | AA |
Trên nền indian red, hãy dùng chữ đen (5.28 : 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 với Contrast Checker.
CSS
.element {
color: indianred; /* or #cd5c5c */
background-color: #cd5c5c;
border: 1px solid rgb(205 92 92 / 50%);
}
Màu có tên tương tự
Peru (#cd853f), Cà chua (#ff6347), Đỏ tím nhạt (#db7093), Cá hồi (#fa8072), San hô nhạt (#f08080), San hô (#ff7f50).
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.