Về màu Medium Orchid
Medium Orchid (mediumorchid) là một màu tím vừa, độ bão hòa vừa phải, có mã hex #ba55d3, hoặc rgb(186, 85, 211). Trong HSL, màu này có sắc độ 288°, độ bão hòa 59% và độ sáng 58%. Đâ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: mediumorchid; thay cho giá trị hex.
Dùng Medium Orchid cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Medium Orchid trên nền trắng | 3.94 : 1 | Chỉ AA cho chữ lớn |
| Chữ Medium Orchid trên nền đen | 5.33 : 1 | AA |
Trên nền medium orchid, hãy dùng chữ đen (5.33 : 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 Công cụ kiểm tra độ tương phản.
CSS
.element {
color: mediumorchid; /* or #ba55d3 */
background-color: #ba55d3;
border: 1px solid rgb(186 85 211 / 50%);
}Các màu có tên tương tự
Orchid (#da70d6), Medium Purple (#9370db), Dark Orchid (#9932cc), Blue Violet (#8a2be2), Medium Slate Blue (#7b68ee), Violet (#ee82ee).
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 orchid là gì?
#ba55d3, tương ứng với rgb(186, 85, 211) và hsl(288, 59%, 58%). Trong CSS, bạn cũng có thể viết trực tiếp mediumorchid.
Chữ medium orchid 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à 3.94 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với medium orchid?
Màu bổ sung của nó là #6ed355. Hai màu tương đồng #7b55d3 và #d355ad nằm cạnh nó trên vòng màu.