Mã màu Yellow Green (#9acd32)

Yellow Green là #9acd32 ở dạng hex và rgb(154, 205, 50), một màu xanh lục vừa. Dưới đây là mọi định dạng màu, sắc độ và sắc thái, màu hài hòa, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Yellow Green
#9acd32
Tên CSSyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Sắc độ và sắc thái

Màu hài hòa

Giới thiệu về Yellow Green

Yellow Green (yellowgreen) là một màu xanh lục vừa, tươi sáng, có mã hex #9acd32, hoặc rgb(154, 205, 50). Trong HSL, màu này có sắc độ 80°, độ bão hòa 61% và độ sáng 50%. Đâ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: yellowgreen; thay vì mã hex.

Dùng Yellow Green cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Yellow Green trên nền trắng1.88 : 1không đạt
Chữ Yellow Green trên nền đen11.15 : 1AAA

Khi nền là yellow green, hãy dùng chữ đen (11.15 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ 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: yellowgreen;               /* or #9acd32 */
  background-color: #9acd32;
  border: 1px solid rgb(154 205 50 / 50%);
}

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

Green Yellow (#adff2f), Dark Khaki (#bdb76b), Lawn Green (#7cfc00), Chartreuse (#7fff00), Goldenrod (#daa520), Olive Drab (#6b8e23).

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

Mã hex của yellow green là gì?
#9acd32, tương đương rgb(154, 205, 50) và hsl(80, 61%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết yellowgreen.
Chữ yellow 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à 1.88 : 1, không đạt WCAG. Hãy dùng nó cho phần trang trí hoặc trên nền tối.
Màu nào hợp với yellow green?
Màu bổ sung của nó là #6632cd. Hai màu tương tự #cdb332 và #4ccd32 nằm cạnh nó trên bánh xe màu.