Mã màu Blue Violet (#8a2be2)

Blue Violet là #8a2be2 ở dạng hex và rgb(138, 43, 226) — một tông tím trung bình. Bên dưới là mọi định dạng màu, sắc độ và tông tối, các phối màu và mức dễ đọc khi dùng làm chữ.

Cập nhật

Blue Violet
#8a2be2
Tên CSSblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

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

Phối màu

Về Blue Violet

Blue Violet (blueviolet) là một tông tím trung bình, rực rỡ, có mã hex #8a2be2, hoặc rgb(138, 43, 226). Trong HSL, màu này có sắc độ (hue) 271°, độ bão hòa 76% và độ sáng 53%. Đâ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: blueviolet; thay vì giá trị hex.

Dùng Blue Violet cho chữ và nền

Cặp màuTỉ lệ tương phảnWCAG
Chữ Blue Violet trên nền trắng5.96 : 1AA
Chữ Blue Violet trên nền đen3.52 : 1Chỉ AA với chữ lớn

Trên nền blue violet, hãy dùng chữ trắng (5.96 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Kiểm tra các cặp khác bằng Công cụ kiểm tra tương phản.

CSS

.element {
  color: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

Tên màu tương tự

Lan Tím Đậm (#9932cc), Tím Violet Đậm (#9400d3), Xanh Đá Phiến (#6a5acd), Xanh Đá Phiến Trung Bình (#7b68ee), Lan Tím Trung Bình (#ba55d3), Tím Trung Bình (#9370db).

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

Mã hex của blue violet là gì?
#8a2be2 — tương ứng rgb(138, 43, 226) và hsl(271, 76%, 53%). Trong CSS, bạn cũng có thể viết trực tiếp blueviolet.
Chữ blue violet trên nền trắng có dễ đọc không?
Tỉ lệ tương phản trên nền trắng là 5.96 : 1, đạt chuẩn WCAG AA cho chữ thường.
Màu nào hợp với blue violet?
Màu bổ sung của nó là #84e22c; các màu tương đồng #2f2ce2 và #e22cdf nằm cạnh nó trên vòng tròn màu.