Mã màu Medium Slate Blue (#7b68ee)

Medium Slate Blue có mã #7b68ee dạng hex và rgb(123, 104, 238) — một màu xanh dương nhạt. Dưới đây là mọi định dạng màu, tông sáng và tông tối, các cặp màu phối hợp và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Medium Slate Blue
#7b68ee
Tên CSSmediumslateblue
Hex#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(249 80% 67%)
HWBhwb(249 41% 7%)
CMYK48%, 56%, 0%, 7%

Tông sáng và tông tối

Màu phối hợp

Giới thiệu về Medium Slate Blue

Medium Slate Blue (mediumslateblue) là một màu xanh dương nhạt, rực rỡ, có mã hex #7b68ee, hoặc rgb(123, 104, 238). Trong HSL, màu này có sắc độ 249°, độ bão hòa 80% và độ sáng 67%. Đâ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: mediumslateblue; thay vì giá trị hex.

Cách dùng Medium Slate Blue cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Medium Slate Blue trên nền trắng4.15 : 1Chỉ đạt AA với chữ lớn
Chữ Medium Slate Blue trên nền đen5.06 : 1AA

Trên nền medium slate blue, hãy dùng chữ đen (5.06 : 1). WCAG yêu cầu tỷ lệ 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: mediumslateblue;               /* or #7b68ee */
  background-color: #7b68ee;
  border: 1px solid rgb(123 104 238 / 50%);
}

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

Tím trung bình (Medium Purple) (#9370db), Xanh đá phiến (Slate Blue) (#6a5acd), Xanh cornflower (#6495ed), Xanh hoàng gia (Royal Blue) (#4169e1), Xanh tím (Blue Violet) (#8a2be2), Tím orchid đậm (Dark Orchid) (#9932cc).

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

Mã hex của medium slate blue là gì?
#7b68ee — tức là rgb(123, 104, 238) và hsl(249, 80%, 67%). Trong CSS, bạn cũng có thể viết trực tiếp mediumslateblue.
Chữ medium slate blue có dễ đọc trên nền trắng không?
Tỷ lệ tương phản trên nền trắng là 4.15 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Màu nào hợp với medium slate blue?
Màu bổ sung là #daee68; các màu tương đồng #6897ee và #bf68ee nằm cạnh nó trên bánh xe màu.