Giới thiệu về Moccasin
Moccasin (moccasin) là một màu cam rất nhạt, tươi sáng, có mã hex #ffe4b5, hoặc rgb(255, 228, 181). Trong HSL, màu này có sắc độ 38°, độ bão hòa 100% và độ sáng 85%. Đây là một trong 148 tên màu mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: moccasin; thay vì giá trị hex.
Dùng Moccasin cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Moccasin trên nền trắng | 1.23 : 1 | không đạt |
| Chữ Moccasin trên nền đen | 17.02 : 1 | AAA |
Trên nền moccasin, hãy dùng chữ đen (17.02 : 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 với Contrast Checker.
CSS
.element {
color: moccasin; /* or #ffe4b5 */
background-color: #ffe4b5;
border: 1px solid rgb(255 228 181 / 50%);
}Các màu có tên tương tự
Navajo White (#ffdead), Peach Puff (#ffdab9), Wheat (#f5deb3), Bisque (#ffe4c4), Pale Goldenrod (#eee8aa), Blanched Almond (#ffebcd).
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 moccasin là gì?
#ffe4b5 — tức là rgb(255, 228, 181) và hsl(38, 100%, 85%). Trong CSS, bạn cũng có thể chỉ cần viết moccasin.
Chữ moccasin có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.23 : 1, không đạt WCAG. Hãy dùng nó để trang trí hoặc trên nền tối.
Màu nào hợp với moccasin?
Màu bổ sung của nó là #b3cfff; hai màu tương tự #ffbdb3 và #f5ffb3 nằm cạnh nó trên vòng màu.