Bảng màu cam: mã màu cam đất, cam pastel, cam đào và màu đi kèm

Bảng màu cam 8 sắc kèm HEX, RGB, CMYK: cam tươi, cam đất, cam gạch, cam san hô, cam pastel, cam đào; 7 tên màu CSS; màu cam đi với màu gì theo 5 quy tắc bánh xe màu, 3 cách phối và lỗi chữ cam trên nền trắng.

Trả lời nhanh: tên CSS orange là #FFA500, nhưng trong thiết kế "màu cam" là cả một họ màu: cam tươi, cam đất, cam gạch, cam san hô, cam pastel, cam đào… Bảng dưới gom tám sắc cam hay gặp; HEX là màu đại diện do ColorME chọn, còn RGB và CMYK mình đọc từ công cụ Đổi mã màu của ColorME ngày 19/10/2026. Phần "màu đi kèm" lấy từ kết quả thật của công cụ Bánh xe màu.

Bảng màu cam 8 sắc: HEX do ColorME chọn, RGB và CMYK đọc từ công cụ Đổi mã màu ngày 19/10/2026.

Tám sắc này đi từ nhạt (cam đào, cam pastel) tới đậm và trầm (cam đất). Khi dựng bảng màu, thường chọn một sắc cam làm màu nhấn, một sắc nhạt cùng họ cho nền và một màu tối như xanh navy, nâu hoặc đen cho chữ.

Cam đất, cam pastel, cam đào khác nhau ở đâu?

Đọc giá trị HSL (sắc độ, độ bão hoà, độ sáng) mà công cụ trả về:

• Cam đất #CC5500: hsl(25, 100%, 40%). Sắc độ 25 ngả về đỏ, độ sáng chỉ 40% nên trầm và ấm, gợi gốm, đất nung.
• Cam pastel #FFB347: hsl(35, 100%, 64%). Cùng họ cam vàng nhưng độ sáng 64%, nhìn mềm và vui.
• Cam đào #FFDAB9: hsl(28, 100%, 86%). Độ sáng 86%, gần như màu nền, hợp làm nền trang hoặc thiệp.
• Cam gạch #E2725B: hsl(10, 70%, 62%). Sắc độ 10 đã sát màu đỏ và bão hoà chỉ 70%, nên trông như gạch nung, kiểu terracotta.

Mã màu cam trong CSS: 7 tên gõ là dùng được

Giá trị trong bảng là kết quả công cụ Đổi mã màu trả về khi gõ đúng tên CSS. Lưu ý peachpuff (#FFDAB9) chính là cam đào trong bảng trên, và coral (#FF7F50) là cam san hô.

Màu cam đi với màu gì? Kết quả từ bánh xe màu

Mình đặt cam đất #CC5500 và cam pastel #FFB347 làm màu gốc trong công cụ Bánh xe màu (bánh xe hoạ sĩ RYB, mặc định của công cụ) rồi lần lượt chọn 5 quy tắc. Mã màu dưới đây là kết quả công cụ trả về:

Cam đất #CC5500 với quy tắc Bổ sung trong công cụ Bánh xe màu: màu đối diện là xanh lam. Ảnh chụp màn hình thật, 19/10/2026.

• Tương đồng (cam đất): #BC1000, #CC3300, #CC5500, #CC7700, #BC8D00. Các màu cạnh nhau, từ đỏ gạch tới vàng đất, rất êm.
• Bổ sung (cam đất): #7A3300, #CC8B5C, #CC5500, #0044CC, #00297A. Màu đối diện là xanh lam đậm: cặp cam và xanh navy là cặp kinh điển cho poster, thể thao.
• Bổ sung chia tách (cam đất): #00CC88, #008F5F, #CC5500, #3300CC, #24008F. Xanh lục và tím thay cho một màu xanh lam, sinh động hơn.
• Bộ ba (cam đất): #1BA300, #22CC00, #CC5500, #8000CC, #9E52CC. Rất rực, chỉ nên dùng một màu làm điểm nhấn nhỏ.
• Sắc độ (cam đất): #3D1A00, #7A3300, #CC5500, #E35F00, #A34400. Cùng một màu ở nhiều độ sáng, an toàn cho giao diện và slide.

5 quy tắc phối màu cho cam đất và cam pastel, mã màu là kết quả thật của công cụ Bánh xe màu.

Với cam pastel, quy tắc bổ sung cho tím xanh #5F47FF và tím đậm #392B99, hợp thiết kế trẻ trung. Ở quy tắc Sắc độ, công cụ trả về năm ô #4D3615, #996B2B, #FFB347, #E6A140, #CC8F39: đi từ nâu đậm đến cam pastel, đủ để chọn màu chữ và màu nền trong cùng một họ. Mỗi bảng có thể mở lại trong công cụ, khoá màu ưng ý và tải CSS, ASE cho Photoshop, Illustrator.

3 bảng phối màu cam trên cùng một bố cục

Ba cách phối dưới đây dùng cùng một bố cục trang chủ cho một quán cà phê giả định, chỉ đổi màu:

Ba bảng phối màu cam trên cùng một bố cục; tên quán là giả định. Tỉ lệ tương phản chữ tính theo WCAG 2.2.

• Cam đào + xanh navy: nền cam đào #FFDAB9, chữ và nút navy #1B2A4A, khối nhấn cam đất. Chữ đạt 10,82:1, dịu và dễ đọc.
• Navy + cam đậm: nền navy, chữ trắng (14,22:1), nút và khối nhấn cam đậm #FF8C00. Mạnh mẽ, hợp sự kiện, thể thao.
• Cam pastel + nâu: nền cam pastel #FFB347, chữ nâu #3D1A00 (lấy từ quy tắc Sắc độ của cam đất) đạt 8,76:1. Ấm, vui, hợp tiệm bánh, đồ uống.

Muốn xem thêm các cặp màu tương phản, đọc bài các cặp màu tương phản phổ biến hoặc 30 bảng phối màu đẹp có mã HEX.

Lỗi hay gặp: chữ cam trên nền trắng

Mình tính tỉ lệ tương phản theo công thức WCAG 2.2 cho tám sắc cam trên nền trắng:

Tỉ lệ tương phản của 8 sắc cam trên nền trắng theo WCAG 2.2: không sắc nào đạt 4,5:1.

Mức tối thiểu cho chữ thường theo WCAG 2.2 là 4,5:1. Không sắc cam nào trong bảng đạt mức này trên nền trắng: gần nhất là cam đất 4,31:1 (chỉ đủ cho chữ lớn, từ 3:1), thấp nhất là cam đào 1,31:1. Cách an toàn: chữ đen trên nền cam tươi #FFA500 đạt 10,63:1, chữ navy trên nền cam đào đạt 10,82:1. Tự kiểm tra cặp màu của bạn bằng công cụ Kiểm tra tương phản màu.

Màu cam khi in: đọc CMYK thế nào?

Trong CMYK, màu cam đến từ hai kênh Y (Yellow) và M (Magenta). Công cụ đổi orange #FFA500 ra cmyk(0%, 35%, 100%, 0%); sắc ngả đỏ như cam đất có M cao hơn và thêm K (đen): cmyk(0%, 58%, 100%, 20%).

Về độ chính xác khi in, trang công cụ ghi: "Đây là công thức chuyển đổi chuẩn, đủ để tham khảo và trao đổi. Màu in thật còn phụ thuộc hồ sơ màu ICC, loại giấy và máy in của nhà in, nên hãy in thử trước khi in số lượng lớn." Màu cam rực trên màn hình thường bị xỉn khi in bốn màu, nên với bao bì cần cam thật tươi, hỏi nhà in về màu pha (spot color).

Mã màu bạn nhập có được lưu không?

Theo trang công cụ Đổi mã màu: "Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng." và "Việc chuyển đổi chạy ngay trên trình duyệt của bạn. ColorME chỉ ghi nhận lượt dùng kèm mã màu bạn đổi hoặc sao chép để thống kê, không cần tài khoản."

Xem thêm các bảng màu khác: bảng màu vàng, bảng màu đỏ, màu xanh, hoặc mục Màu cam trong thư viện thuật ngữ.

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

Mã màu cam là bao nhiêu?

Tên CSS orange là #FFA500, RGB 255, 165, 0, CMYK 0, 35, 100, 0 theo công cụ Đổi mã màu. Cam đậm hơn có darkorange #FF8C00.

Mã màu cam đất là gì?

ColorME chọn #CC5500 làm cam đất đại diện: RGB 204, 85, 0, CMYK 0, 58, 100, 20. Đây là sắc cam trầm, ấm, hợp gốm, cà phê và thương hiệu mộc.

Mã màu cam pastel là gì?

Một sắc cam pastel hay dùng là #FFB347, RGB 255, 179, 71, CMYK 0, 30, 72, 0. Vì sáng, đừng dùng nó cho chữ trên nền trắng.

Màu cam đi với màu gì?

Theo quy tắc bổ sung trên bánh xe màu, cam đi với xanh lam, xanh navy. Ngoài ra cam hợp với nâu, kem, trắng và đen; cặp cam đào với navy dịu và dễ đọc.

Chữ màu cam trên nền trắng có đọc được không?

Khó. Theo công thức WCAG 2.2, không sắc cam nào trong bài đạt 4,5:1 trên nền trắng; cam đất đạt 4,31:1, chỉ đủ cho chữ lớn. Hãy dùng chữ tối trên nền cam thay vì chữ cam trên nền trắng.