Về Medium Blue
Medium Blue (mediumblue) là một màu xanh dương vừa, rực rỡ, có mã hex #0000cd, hoặc rgb(0, 0, 205). Trong HSL, màu này có sắc độ 240°, độ bão hòa 100% và độ sáng 40%. Đâ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: mediumblue; thay cho mã hex.
Dùng Medium Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Medium Blue trên nền trắng | 11.16 : 1 | AAA |
| Chữ Medium Blue trên nền đen | 1.88 : 1 | không đạt |
Trên nền xanh Medium Blue, hãy dùng chữ trắng (11.16 : 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 văn bản lớn. Kiểm tra các cặp màu khác với công cụ kiểm tra độ tương phản.
CSS
.element {
color: mediumblue; /* or #0000cd */
background-color: #0000cd;
border: 1px solid rgb(0 0 205 / 50%);
}Các màu có tên tương tự
Blue (#0000ff), Dark Blue (#00008b), Navy (#000080), Midnight Blue (#191970), Indigo (#4b0082), Dark Slate Blue (#483d8b).
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 medium blue là gì?
#0000cd — tương đương rgb(0, 0, 205) và hsl(240, 100%, 40%). Trong CSS, bạn cũng có thể chỉ cần viết mediumblue.
Chữ medium 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à 11.16 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Màu nào hợp với medium blue?
Màu bổ sung của nó là #cccc00; hai màu tương đồng #0066cc và #6600cc nằm cạnh nó trên vòng màu.