Mã màu Medium Violet Red (#c71585)

Medium Violet Red là #c71585 ở dạng hex và rgb(199, 21, 133) — một màu magenta trung bình. Dưới đây là mọi định dạng màu, sắc độ, tông tối, bảng phối màu và mức độ dễ đọc khi dùng làm văn bản.

Cập nhật

Medium Violet Red
#c71585
Tên CSSmediumvioletred
Hex#c71585
RGBrgb(199, 21, 133)
HSLhsl(322 81% 43%)
HWBhwb(322 8% 22%)
CMYK0%, 89%, 33%, 22%

Sắc độ và tông tối

Bảng phối màu

Giới thiệu về Medium Violet Red

Medium Violet Red (mediumvioletred) là một màu magenta trung bình, rực rỡ, có mã hex #c71585, hoặc rgb(199, 21, 133). Trong HSL, màu này có sắc độ (hue) 322°, độ bão hòa 81% và độ sáng 43%. Đâ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: mediumvioletred; thay vì giá trị hex.

Dùng Medium Violet Red cho văn bản và nền

Cặp màuTỉ lệ tương phảnWCAG
Chữ Medium Violet Red trên nền trắng5.42 : 1AA
Chữ Medium Violet Red trên nền đen3.87 : 1Chỉ AA cho chữ lớn

Trên nền medium violet red, hãy dùng chữ trắng (5.42 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với chữ lớn. Bạn có thể kiểm tra các cặp màu khác bằng Công cụ kiểm tra tương phản.

CSS

.element {
  color: mediumvioletred;               /* or #c71585 */
  background-color: #c71585;
  border: 1px solid rgb(199 21 133 / 50%);
}

Các màu có tên tương tự

Deep Pink (#ff1493), Dark Magenta (#8b008b), Purple (#800080), Crimson (#dc143c), Indian Red (#cd5c5c), Dark Orchid (#9932cc).

Câu hỏi thường gặp

Mã hex của medium violet red là gì?
#c71585 — tức là rgb(199, 21, 133) và hsl(322, 81%, 43%). Trong CSS, bạn cũng có thể viết trực tiếp mediumvioletred.
Chữ medium violet red 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à 5.42 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với medium violet red?
Màu bổ sung của nó là #15c656; hai màu tương đồng #af15c6 và #c6152d nằm sát bên nó trên bánh xe màu.