Mã màu Steel Blue (#4682b4)

Steel Blue có mã hex là #4682b4 và rgb(70, 130, 180) — một màu xanh dương trung bình. Dưới đây là đầy đủ các định dạng màu, sắc độ nhạt và đậm, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Steel Blue
#4682b4
Tên CSSsteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMYK61%, 28%, 0%, 29%

Sắc độ và sắc đậm

Phối màu

Về màu Steel Blue

Steel Blue (steelblue) là một màu xanh dương trung bình, độ bão hòa vừa phải, có mã hex #4682b4, hay rgb(70, 130, 180). Trong HSL, màu này có sắc độ 207°, độ bão hòa 44% và độ sáng 49%. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hỗ trợ, nên bạn có thể viết color: steelblue; thay vì mã hex.

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

Cặp màuTỷ lệ tương phảnWCAG
Chữ Steel Blue trên nền trắng4.11 : 1Chỉ đạt AA cho chữ lớn
Chữ Steel Blue trên nền đen5.11 : 1AA

Khi nền là steel blue, bạn nên dùng chữ đen (5.11 : 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. Hãy kiểm tra các cặp màu khác bằng Contrast Checker.

CSS

.element {
  color: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

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

Cadet Blue (#5f9ea0), Royal Blue (#4169e1), Slate Gray (#708090), Light Slate Gray (#778899), Slate Blue (#6a5acd), Light Sea Green (#20b2aa).

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

Mã hex của steel blue là gì?
#4682b4 — tương đương rgb(70, 130, 180) và hsl(207, 44%, 49%). Trong CSS, bạn cũng có thể viết trực tiếp steelblue.
Chữ steel blue trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 4.11 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với steel blue?
Màu bổ sung của nó là #b47746; các màu tương tự #46b4ae và #464bb4 nằm cạnh nó trên vòng tròn màu.