Mã màu Forest Green (#228b22)

Forest Green là #228b22 ở dạng hex và rgb(34, 139, 34), một màu xanh lá đậm. Dưới đây là mọi định dạng màu, sắc thái sáng/tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Forest Green
#228b22
Tên CSSforestgreen
Hex#228b22
RGBrgb(34, 139, 34)
HSLhsl(120 61% 34%)
HWBhwb(120 13% 45%)
CMYK76%, 0%, 76%, 45%

Sắc thái sáng và tối

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

Về Forest Green

Forest Green (forestgreen) là một màu xanh lá đậm, rực rỡ, có mã hex #228b22, hoặc rgb(34, 139, 34). Trong HSL, màu này có sắc độ 120°, độ bão hòa 61% và độ sáng 34%. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: forestgreen; thay vì mã hex.

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

Cặp màuTỷ lệ tương phảnWCAG
Chữ Forest Green trên nền trắng4.39 : 1Chỉ AA cho chữ lớn
Chữ Forest Green trên nền đen4.78 : 1AA

Trên nền xanh lá rừng, dùng chữ đen (4.78 : 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. Kiểm tra các cặp màu khác bằng Contrast Checker.

CSS

.element {
  color: forestgreen;               /* or #228b22 */
  background-color: #228b22;
  border: 1px solid rgb(34 139 34 / 50%);
}

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

Xanh lá (#008000), Xanh lục biển (#2e8b57), Xanh ô liu đậm (#556b2f), Xanh lá đậm (#006400), Xanh chanh (#32cd32), Xanh ô liu quân đội (#6b8e23).

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

Mã hex của forest green là gì?
#228b22, tức là rgb(34, 139, 34) và hsl(120, 61%, 34%). Trong CSS, bạn cũng có thể viết trực tiếp forestgreen.
Chữ forest 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à 4.39 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với forest green?
Màu bổ sung là #8c228c; các màu tương đồng #578c22 và #228c57 nằm cạnh nó trên vòng tròn màu.