Mã màu Light Steel Blue (#b0c4de)

Light Steel Blue có mã #b0c4de ở dạng hex và rgb(176, 196, 222) — một màu xanh dương nhạt. Dưới đây là đầy đủ các định dạng màu, tông sáng và tông tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Light Steel Blue
#b0c4de
Tên CSSlightsteelblue
Hex#b0c4de
RGBrgb(176, 196, 222)
HSLhsl(214 41% 78%)
HWBhwb(214 69% 13%)
CMYK21%, 12%, 0%, 13%

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

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

Về Light Steel Blue

Light Steel Blue (lightsteelblue) là một màu xanh dương nhạt, độ bão hòa vừa phải, có mã hex #b0c4de, hoặc rgb(176, 196, 222). Trong HSL, màu này có sắc độ 214°, độ bão hòa 41% và độ sáng 78%. Đâ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: lightsteelblue; thay cho giá trị hex.

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

Cặp màuTỷ lệ tương phảnWCAG
Chữ Light Steel Blue trên nền trắng1.78 : 1không đạt
Chữ Light Steel Blue trên nền đen11.80 : 1AAA

Trên nền light steel blue, hãy dùng chữ đen (11.80 : 1). WCAG yêu cầu tỷ lệ 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: lightsteelblue;               /* or #b0c4de */
  background-color: #b0c4de;
  border: 1px solid rgb(176 196 222 / 50%);
}

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

Light Blue (#add8e6), Powder Blue (#b0e0e6), Bạc (#c0c0c0), Xám nhạt (#d3d3d3), Thistle (#d8bfd8), Sky Blue (#87ceeb).

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

Mã hex của light steel blue là gì?
#b0c4de — tương đương rgb(176, 196, 222) và hsl(214, 41%, 78%). Trong CSS, bạn cũng có thể chỉ cần viết lightsteelblue.
Chữ light steel 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à 1.78 : 1, chưa đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Màu nào hợp với light steel blue?
Màu bổ sung của nó là #decab0; các màu tương đồng #b0dbde và #b3b0de nằm cạnh nó trên vòng màu.