Giới thiệu về Cadet Blue
Cadet Blue (cadetblue) là màu cyan trung bình, độ bão hòa vừa phải, có mã hex #5f9ea0, hay rgb(95, 158, 160). Trong HSL, màu có sắc độ 182°, độ bão hòa 25% và độ sáng 50%. Đây là một trong 148 màu có tên được mọi trình duyệt hỗ trợ, nên bạn có thể viết color: cadetblue; thay vì giá trị hex.
Dùng Cadet Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Cadet Blue trên nền trắng | 3.05 : 1 | Chỉ AA cho chữ lớn |
| Chữ Cadet Blue trên nền đen | 6.88 : 1 | AA |
Trên nền cadet blue, hãy dùng chữ đen (6.88 : 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 bằng Contrast Checker.
CSS
.element {
color: cadetblue; /* or #5f9ea0 */
background-color: #5f9ea0;
border: 1px solid rgb(95 158 160 / 50%);
}Các màu có tên tương tự
Xám đá phiến nhạt (#778899), Xám đá phiến (#708090), Xanh thép (#4682b4), Xanh ngọc lam trung bình (#66cdaa), Xám (#808080), Xanh biển đậm (#8fbc8f).
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.
Câu hỏi thường gặp
Mã hex của cadet blue là gì?
#5f9ea0 — tức rgb(95, 158, 160) và hsl(182, 25%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết cadetblue.
Chữ cadet blue trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 3.05 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Màu nào hợp với cadet blue?
Màu bổ sung của nó là #9f6260; các màu tương đồng #609f82 và #607d9f nằm cạnh nó trên vòng màu.