Giới thiệu về Mint Cream
Mint Cream (mintcream) là một màu xanh lá rất nhạt, tươi sáng, có mã hex #f5fffa, hoặc rgb(245, 255, 250). Trong HSL, màu này có sắc độ 150°, độ bão hòa 100% và độ sáng 98%. Đâ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: mintcream; thay cho giá trị hex.
Dùng Mint Cream cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Mint Cream trên nền trắng | 1.02 : 1 | không đạt |
| Chữ Mint Cream trên nền đen | 20.57 : 1 | AAA |
Trên nền kem bạc hà, nên dùng chữ màu đen (20.57 : 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 Công cụ kiểm tra độ tương phản.
CSS
.element {
color: mintcream; /* or #f5fffa */
background-color: #f5fffa;
border: 1px solid rgb(245 255 250 / 50%);
}Các màu có tên tương tự
Azure (#f0ffff), Ghost White (#f8f8ff), Alice Blue (#f0f8ff), Honey Dew (#f0fff0), Snow (#fffafa), White (#ffffff).
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 Mint Cream là gì?
#f5fffa — tương đương rgb(245, 255, 250) và hsl(150, 100%, 98%). Trong CSS, bạn cũng có thể viết trực tiếp mintcream.
Chữ Mint Cream 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à 1.02 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với Mint Cream?
Màu bù của nó là #fff5fa; các màu tương đồng #f5fff5 và #f5ffff nằm cạnh nó trên vòng tròn màu.