Mã Màu Xanh Lá Nhạt (#98fb98)

Xanh lá nhạt là #98fb98 ở dạng hex và rgb(152, 251, 152), một màu xanh lá sáng. Dưới đây là mọi định dạng màu, các sắc độ nhạt và đậm, bộ phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh lá nhạt
#98fb98
Tên CSSpalegreen
Hex#98fb98
RGBrgb(152, 251, 152)
HSLhsl(120 93% 79%)
HWBhwb(120 60% 2%)
CMYK39%, 0%, 39%, 2%

Các sắc độ nhạt và đậm

Các bộ phối màu hài hòa

Về màu xanh lá nhạt

Xanh lá nhạt (palegreen) là một màu xanh lá sáng, tươi, có mã hex #98fb98, hoặc rgb(152, 251, 152). Trong HSL, màu này có sắc độ (hue) 120°, độ bão hòa 93% 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: palegreen; thay vì giá trị hex.

Dùng xanh lá nhạt cho chữ và nền

Cặp màuTỉ lệ tương phảnWCAG
Chữ xanh lá nhạt trên nền trắng1.27 : 1không đạt
Chữ xanh lá nhạt trên nền đen16.59 : 1AAA

Trên nền xanh lá nhạt, hãy dùng chữ đen (16.59 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể 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: palegreen;               /* or #98fb98 */
  background-color: #98fb98;
  border: 1px solid rgb(152 251 152 / 50%);
}

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

Xanh lá sáng (#90ee90), Xanh biển ánh lục đậm (#8fbc8f), Xanh ngọc biển (#7fffd4), Xanh ngọc biển vừa (#66cdaa), Bạc (#c0c0c0), Xám đậm (#a9a9a9).

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

Mã hex của xanh lá nhạt là gì?
#98fb98, tức là rgb(152, 251, 152) và hsl(120, 93%, 79%). Trong CSS, bạn cũng có thể viết trực tiếp palegreen.
Chữ xanh lá nhạt 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à 1.27 : 1, không đạt WCAG. Hãy dùng nó để trang trí hoặc trên nền tối.
Những màu nào hợp với xanh lá nhạt?
Màu bổ sung của nó là #fb98fb. Các màu tương đồng #c9fb98 và #98fbc9 nằm cạnh nó trên vòng màu.