Mã màu Royal Blue (#4169e1)

Royal Blue có mã hex là #4169e1, tương đương rgb(65, 105, 225), là một màu xanh dương trung bình. Dưới đây là mọi định dạng màu, sắc độ nhạt đậm, cặp màu hài hòa và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh Hoàng Gia
#4169e1
Tên CSSroyalblue
Hex#4169e1
RGBrgb(65, 105, 225)
HSLhsl(225 73% 57%)
HWBhwb(225 25% 12%)
CMYK71%, 53%, 0%, 12%

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

Phối màu hài hòa

Về màu Royal Blue

Royal Blue (royalblue) là một màu xanh dương trung bình, rực rỡ, có mã hex #4169e1, hoặc rgb(65, 105, 225). Trong HSL, màu này có sắc độ 225°, độ bão hòa 73% và độ sáng 57%. Đâ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: royalblue; thay cho mã hex.

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

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

Trên nền Royal Blue, nên dùng chữ trắng (4.85 : 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. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.

CSS

.element {
  color: royalblue;               /* or #4169e1 */
  background-color: #4169e1;
  border: 1px solid rgb(65 105 225 / 50%);
}

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

Slate Blue (#6a5acd), Steel Blue (#4682b4), Cornflower Blue (#6495ed), Medium Slate Blue (#7b68ee), Dodger Blue (#1e90ff), Medium Purple (#9370db).

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

Mã hex của royal blue là gì?
#4169e1 — tương đương rgb(65, 105, 225) và hsl(225, 73%, 57%). Trong CSS, bạn cũng có thể viết trực tiếp royalblue.
Chữ royal blue trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của màu này trên nền trắng là 4.85 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Những màu nào hợp với royal blue?
Màu bổ sung của nó là #e1b941; các màu tương tự #41b9e1 và #6941e1 nằm cạnh nó trên vòng tròn màu.