Về màu Royal Blue
Royal Blue (royalblue) là một màu xanh dương trung bình, rực rỡ, có mã hex #4169e1, hoặc rgb(65, 105, 225). Trong HSL, màu này có sắc độ 225°, độ bão hòa 73% và độ sáng 57%. Đâ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: royalblue; thay cho mã hex.
Dùng Royal Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Royal Blue trên nền trắng | 4.85 : 1 | AA |
| Chữ Royal Blue trên nền đen | 4.33 : 1 | Chỉ đạt AA với chữ lớn |
Trên nền Royal Blue, nên dùng chữ trắng (4.85 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung 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 Contrast Checker.
CSS
.element {
color: royalblue; /* or #4169e1 */
background-color: #4169e1;
border: 1px solid rgb(65 105 225 / 50%);
}
Các màu có tên tương tự
Slate Blue (#6a5acd), Steel Blue (#4682b4), Cornflower Blue (#6495ed), Medium Slate Blue (#7b68ee), Dodger Blue (#1e90ff), Medium Purple (#9370db).
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.