Mã màu đỏ cam
#FF4500
rgb(255, 69, 0)
hsl(16, 100%, 50%)
cmyk(0%, 73%, 100%, 0%)
Tên tiếng Anh: Orange red
Về màu đỏ cam
Đỏ cam là màu chuyển tiếp giữa đỏ và cam, tương ứng từ khoá orangered trong CSS. Màu mang năng lượng trẻ trung, thường dùng cho nút kêu gọi hành động và thương hiệu đồ ăn.
Bảng sắc độ màu đỏ cam từ nhạt đến đậm
- Pha 83% trắng #FFE0D5 rgb(255, 224, 213)
- Pha 67% trắng #FFC1AA rgb(255, 193, 170)
- Pha 50% trắng #FFA280 rgb(255, 162, 128)
- Pha 33% trắng #FF8355 rgb(255, 131, 85)
- Pha 17% trắng #FF642B rgb(255, 100, 43)
- Màu gốc #FF4500 rgb(255, 69, 0)
- Pha 17% đen #D53A00 rgb(213, 58, 0)
- Pha 33% đen #AA2E00 rgb(170, 46, 0)
- Pha 50% đen #802300 rgb(128, 35, 0)
- Pha 67% đen #551700 rgb(85, 23, 0)
- Pha 83% đen #2B0C00 rgb(43, 12, 0)
Màu đỏ cam phối với màu gì?
Trong thiết kế, màu đỏ cam tạo tương phản mạnh nhất với màu bổ túc là #00BBFF (gần với xanh baby), và phối êm, liền mạch với hai màu tương đồng #FF003C (gần với đỏ thẫm) và #FFC400 (gần với hổ phách). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với đỏ cam khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện đỏ cam trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Đỏ cam #FF4500
- ≈ Xanh baby #00BBFF
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
- ≈ Đỏ thẫm #FF003C
- Đỏ cam #FF4500
- ≈ Hổ phách #FFC400
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Đỏ cam #FF4500
- ≈ Xanh nõn chuối #00FF44
- ≈ Xanh dương #4400FF
Mở màu này trong công cụ phối màu · Chọn sắc gần giống bằng bảng chọn màu · Công thức pha màu đỏ cam
Chữ trắng hay chữ đen trên nền đỏ cam?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 3,44 : 1 | Không đạt | Đạt |
| Đen #000000 | 6,10 : 1 | Đạt | Đạt |
Dùng màu đỏ cam trong CSS
:root { --mau-do-cam: #FF4500; }
.chu { color: #FF4500; }
.nen { background-color: rgb(255, 69, 0); }
.vien { border: 1px solid hsl(16, 100%, 50%); }Lấy mã rgba() của màu đỏ cam · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #FF4500
Các màu khác trong nhóm đỏ
- Đỏ #FF0000 rgb(255, 0, 0)
- Đỏ đô #800020 rgb(128, 0, 32)
- Đỏ mận #8B1E3F rgb(139, 30, 63)
- Đỏ rượu vang #722F37 rgb(114, 47, 55)
- Đỏ tươi #FF2400 rgb(255, 36, 0)
- Đỏ gạch #B22222 rgb(178, 34, 34)
- Đỏ thẫm #DC143C rgb(220, 20, 60)
- Đỏ anh đào #DE3163 rgb(222, 49, 99)
- Đỏ ruby #E0115F rgb(224, 17, 95)