devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Mã Màu Cam Đậm (#ff8c00)

Cam Đậm có mã hex là #ff8c00 và rgb(255, 140, 0) — một màu cam trung bình. Dưới đây là mọi định dạng màu, sắc độ nhạt và đậm, phối màu hài hòa, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Cam Đậm
#ff8c00
Tên CSSdarkorange
Hex#ff8c00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HWBhwb(33 0% 0%)
CMYK0%, 45%, 100%, 0%

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

#ffe8cc#ffd199#ffba66#ffa333gốc
#ff8c00#cc7000#995400#663800#331c00

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

Bổ sung
#0073ffTương tự
#ff0d00Tương tự
#f2ff00Tam giác
#00ff8cTam giác
#8c00ff

Giới thiệu về Cam Đậm

Cam Đậm (darkorange) là một màu cam trung bình, rực rỡ, có mã hex #ff8c00, hoặc rgb(255, 140, 0). Trong HSL, màu này có góc màu 33°, độ bão hòa 100% 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: darkorange; thay cho mã hex.

Dùng Cam Đậm cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Cam Đậm trên nền trắng2.33 : 1không đạt
Chữ Cam Đậm trên nền đen9.00 : 1AAA

Trên nền cam đậm, hãy dùng chữ đen (9.00 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Kiểm tra các cặp màu khác bằng Contrast Checker.

CSS

.element {
  color: darkorange;               /* or #ff8c00 */
  background-color: #ff8c00;
  border: 1px solid rgb(255 140 0 / 50%);
}

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

Cam (#ffa500), Goldenrod (#daa520), Sô-cô-la (#d2691e), Đỏ Cam (#ff4500), Goldenrod Đậm (#b8860b), Vàng Kim (#ffd700).

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

Mã hex của cam đậm là gì?
#ff8c00 — tương ứng với rgb(255, 140, 0) và hsl(33, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp darkorange.
Chữ cam đậm có dễ đọc trên nền trắng không?
Tỷ lệ tương phản trên nền trắng là 2.33 : 1, không đạt chuẩn WCAG — nên dùng cho phần trang trí hoặc đặt trên nền tối.
Những màu nào hợp với cam đậm?
Màu bổ sung của nó là #0073ff; các màu tương tự #ff0d00 và #f2ff00 nằm cạnh nó trên vòng tròn màu.