Mã màu Light Blue (#add8e6)

Light Blue có mã #add8e6 ở dạng hex và rgb(173, 216, 230) — một màu xanh dương nhạt. Dưới đây là mọi định dạng màu, sắc độ nhạt và đậm, các bộ phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh dương nhạt
#add8e6
Tên CSSlightblue
Hex#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195 53% 79%)
HWBhwb(195 68% 10%)
CMYK25%, 6%, 0%, 10%

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

Bộ phối màu

Giới thiệu về Light Blue

Light Blue (lightblue) là một màu xanh dương nhạt, độ bão hòa vừa phải, có mã hex #add8e6, hoặc rgb(173, 216, 230). Trong HSL, màu này có sắc độ 195°, độ bão hòa 53% và độ sáng 79%. Đâ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: lightblue; thay vì mã hex.

Sử dụng Light Blue cho chữ và nền

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

Trên nền xanh dương nhạt, hãy dùng chữ đen (13.74 : 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: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

Màu có tên tương tự

Xanh bột (#b0e0e6), Xanh thép nhạt (#b0c4de), Xanh ngọc nhạt (#afeeee), Xanh da trời (#87ceeb), Xám nhạt (#d3d3d3), Xanh da trời nhạt (#87cefa).

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

Mã hex của light blue là gì?
#add8e6 — tương ứng rgb(173, 216, 230) và hsl(195, 53%, 79%). Trong CSS, bạn cũng có thể viết trực tiếp lightblue.
Chữ light blue có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.53 : 1, không đạt WCAG — hãy dùng để trang trí hoặc đặt trên nền tối.
Màu nào hợp với light blue?
Màu bổ sung của nó là #e6bbad; các màu tương đồng #ade6d8 và #adbbe6 nằm cạnh nó trên vòng màu.