Mã màu Slate Blue (#6a5acd)

Slate Blue là #6a5acd ở dạng hex và rgb(106, 90, 205) — một màu xanh dương trung bình. Dưới đây là mọi định dạng màu, các sắc độ nhạt và đậm, bảng phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Slate Blue
#6a5acd
Tên CSSslateblue
Hex#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248 53% 58%)
HWBhwb(248 35% 20%)
CMYK48%, 56%, 0%, 20%

Sắc độ nhạt và đậm

Phối màu

Giới thiệu về Slate Blue

Slate Blue (slateblue) là màu xanh dương trung bình, độ bão hòa vừa phải, có mã hex #6a5acd, hoặc rgb(106, 90, 205). Trong HSL, màu có sắc độ 248°, độ bão hòa 53% và độ sáng 58%. Đâ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: slateblue; thay vì mã hex.

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

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

Trên nền slate blue, dùng chữ trắng (5.31 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. 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: slateblue;               /* or #6a5acd */
  background-color: #6a5acd;
  border: 1px solid rgb(106 90 205 / 50%);
}

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

Medium Slate Blue (#7b68ee), Royal Blue (#4169e1), Medium Purple (#9370db), Steel Blue (#4682b4), Blue Violet (#8a2be2), Dark Orchid (#9932cc).

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

Mã hex của slate blue là gì?
#6a5acd — tức là rgb(106, 90, 205) và hsl(248, 53%, 58%). Trong CSS, bạn cũng có thể viết trực tiếp slateblue.
Chữ slate blue 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.31 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với slate blue?
Màu bổ sung của nó là #becd5b; hai màu tương đồng #5b85cd và #a35bcd nằm cạnh nó trên vòng tròn màu.