Về màu Steel Blue
Steel Blue (steelblue) là một màu xanh dương trung bình, độ bão hòa vừa phải, có mã hex #4682b4, hay rgb(70, 130, 180). Trong HSL, màu này có sắc độ 207°, độ bão hòa 44% và độ sáng 49%. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hỗ trợ, nên bạn có thể viết color: steelblue; thay vì mã hex.
Dùng Steel Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Steel Blue trên nền trắng | 4.11 : 1 | Chỉ đạt AA cho chữ lớn |
| Chữ Steel Blue trên nền đen | 5.11 : 1 | AA |
Khi nền là steel blue, bạn nên dùng chữ đen (5.11 : 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. Hãy kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: steelblue; /* or #4682b4 */
background-color: #4682b4;
border: 1px solid rgb(70 130 180 / 50%);
}
Tên màu CSS tương tự
Cadet Blue (#5f9ea0), Royal Blue (#4169e1), Slate Gray (#708090), Light Slate Gray (#778899), Slate Blue (#6a5acd), Light Sea Green (#20b2aa).
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.