Giới thiệu về Midnight Blue
Midnight Blue (midnightblue) là màu xanh dương đậm, sâu và nổi bật, có mã hex #191970, hoặc rgb(25, 25, 112). Trong HSL, màu có sắc độ 240°, độ bão hòa 64% và độ sáng 27%. Đâ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: midnightblue; thay cho giá trị hex.
Dùng Midnight Blue cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Midnight Blue trên nền trắng | 14.85 : 1 | AAA |
| Chữ Midnight Blue trên nền đen | 1.41 : 1 | không đạt |
Trên nền midnight blue, hãy dùng chữ trắng (14.85 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: midnightblue; /* or #191970 */
background-color: #191970;
border: 1px solid rgb(25 25 112 / 50%);
}Các màu có tên tương tự
Navy (#000080), Xanh dương đậm (#00008b), Indigo (#4b0082), Xanh đá đậm (#483d8b), Xám đá đậm (#2f4f4f), Tím Rebecca (#663399).
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 midnight blue là gì?
#191970, tức là rgb(25, 25, 112) và hsl(240, 64%, 27%). Trong CSS, bạn cũng có thể viết trực tiếp midnightblue.
Chữ midnight 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à 14.85 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với midnight blue?
Màu bổ sung của nó là #717119. Các màu tương đồng #194571 và #451971 nằm cạnh nó trên vòng tròn màu.