Giới thiệu về Cornflower Blue
Cornflower Blue (cornflowerblue) là một màu xanh dương nhạt, tươi sáng, có mã hex #6495ed, hoặc rgb(100, 149, 237). Trong HSL, màu này có sắc độ (hue) 219°, độ bão hòa 79% và độ sáng 66%. Đâ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: cornflowerblue; thay vì mã hex.
Dùng Cornflower Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Cornflower Blue trên nền trắng | 2.97 : 1 | không đạt |
| Chữ Cornflower Blue trên nền đen | 7.06 : 1 | AAA |
Trên nền cornflower blue, hãy dùng chữ đen (7.06 : 1). WCAG yêu cầu tỷ lệ tối thiểu 4.5 : 1 cho văn bản thường 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: cornflowerblue; /* or #6495ed */
background-color: #6495ed;
border: 1px solid rgb(100 149 237 / 50%);
}Các màu có tên tương tự
Medium Slate Blue (#7b68ee), Royal Blue (#4169e1), Medium Purple (#9370db), Sky Blue (#87ceeb), Steel Blue (#4682b4), Slate Blue (#6a5acd).
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 cornflower blue là gì?
#6495ed — tương ứng với rgb(100, 149, 237) và hsl(219, 79%, 66%). Trong CSS, bạn cũng có thể viết trực tiếp cornflowerblue.
Chữ màu cornflower blue trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 2.97 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Những màu nào hợp với cornflower blue?
Màu bổ sung của nó là #edbd64; các màu tương tự #64d8ed và #7864ed nằm cạnh nó trên vòng tròn màu.