Mã màu cam pastel
#FFB347
rgb(255, 179, 71)
hsl(35, 100%, 64%)
cmyk(0%, 30%, 72%, 0%)
Tên tiếng Anh: Pastel orange
Về màu cam pastel
Cam pastel là sắc cam đã giảm độ gắt, sáng và mềm. Màu hợp làm nền thẻ, minh hoạ trẻ em và bảng màu pastel tông ấm.
Xem thêm các mã màu cam và đào pastel khác trong bảng màu pastel
Bảng sắc độ màu cam pastel từ nhạt đến đậm
- Pha 83% trắng #FFF2E0 rgb(255, 242, 224)
- Pha 67% trắng #FFE6C2 rgb(255, 230, 194)
- Pha 50% trắng #FFD9A3 rgb(255, 217, 163)
- Pha 33% trắng #FFCC84 rgb(255, 204, 132)
- Pha 17% trắng #FFC066 rgb(255, 192, 102)
- Màu gốc #FFB347 rgb(255, 179, 71)
- Pha 17% đen #D5953B rgb(213, 149, 59)
- Pha 33% đen #AA772F rgb(170, 119, 47)
- Pha 50% đen #805A24 rgb(128, 90, 36)
- Pha 67% đen #553C18 rgb(85, 60, 24)
- Pha 83% đen #2B1E0C rgb(43, 30, 12)
Màu cam pastel phối với màu gì?
Trong thiết kế, màu cam pastel tạo tương phản mạnh nhất với màu bổ túc là #4794FF (gần với xanh hoàng gia), và phối êm, liền mạch với hai màu tương đồng #FF5747 (gần với đỏ cam) và #F0FF47 (gần với vàng). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với cam pastel khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện cam pastel trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Cam pastel #FFB347
- ≈ Xanh hoàng gia #4794FF
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.
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Cam pastel #FFB347
- ≈ Xanh ngọc lam #47FFB3
- ≈ Tím violet #B347FF
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 pastel
Chữ trắng hay chữ đen trên nền cam pastel?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,78 : 1 | Không đạt | Không đạt |
| Đen #000000 | 11,79 : 1 | Đạt | Đạt |
Dùng màu cam pastel trong CSS
:root { --mau-cam-pastel: #FFB347; }
.chu { color: #FFB347; }
.nen { background-color: rgb(255, 179, 71); }
.vien { border: 1px solid hsl(35, 100%, 64%); }Lấy mã rgba() của màu cam pastel · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #FFB347