Mã màu Light Sea Green (#20b2aa)

Light Sea Green có mã hex là #20b2aa và rgb(32, 178, 170) — một màu xanh lơ vừa phải. Dưới đây là mọi định dạng màu, sắc độ, sắc tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh Lục Biển Nhạt
#20b2aa
Tên CSSlightseagreen
Hex#20b2aa
RGBrgb(32, 178, 170)
HSLhsl(177 70% 41%)
HWBhwb(177 13% 30%)
CMYK82%, 0%, 4%, 30%

Sắc độ và sắc tối

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

Về màu Light Sea Green

Light Sea Green (lightseagreen) là một màu xanh lơ vừa phải, tươi sáng, có mã hex #20b2aa, hoặc rgb(32, 178, 170). Trong HSL, màu này có sắc độ 177°, độ bão hòa 70% và độ sáng 41%. Đâ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: lightseagreen; thay cho mã hex.

Dùng Light Sea Green cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Light Sea Green trên nền trắng2.62 : 1không đạt
Chữ Light Sea Green trên nền đen8.01 : 1AAA

Trên nền light sea green, hãy dùng chữ đen (8.01 : 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: lightseagreen;               /* or #20b2aa */
  background-color: #20b2aa;
  border: 1px solid rgb(32 178 170 / 50%);
}

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

Ngọc lam đậm (#00ced1), Xanh lơ đậm (#008b8b), Ngọc lam vừa (#48d1cc), Xanh thép (#4682b4), Xanh biển lục vừa (#3cb371), Xanh sĩ quan (#5f9ea0).

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

Mã hex của light sea green là gì?
#20b2aa — tương ứng với rgb(32, 178, 170) và hsl(177, 70%, 41%). Trong CSS, bạn cũng có thể viết trực tiếp lightseagreen.
Chữ light sea green 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à 2.62 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với light sea green?
Màu bổ sung của nó là #b21f27; hai màu tương đồng #1fb261 và #1f70b2 nằm cạnh nó trên vòng tròn màu.