Mã màu nâu caramel
#C68E17
rgb(198, 142, 23)
hsl(41, 79%, 43%)
cmyk(0%, 28%, 88%, 22%)
Tên tiếng Anh: Caramel /ˈkærəmel/
Về màu nâu caramel
Nâu caramel ngả vàng cam như đường thắng. Màu ngọt, ấm, thường thấy ở đồ da, tóc nhuộm và bao bì bánh kẹo.
Bảng sắc độ màu nâu caramel từ nhạt đến đậm
- Pha 83% trắng #F6ECD8 rgb(246, 236, 216)
- Pha 67% trắng #ECD9B2 rgb(236, 217, 178)
- Pha 50% trắng #E3C78B rgb(227, 199, 139)
- Pha 33% trắng #D9B464 rgb(217, 180, 100)
- Pha 17% trắng #D0A13E rgb(208, 161, 62)
- Màu gốc #C68E17 rgb(198, 142, 23)
- Pha 17% đen #A57613 rgb(165, 118, 19)
- Pha 33% đen #845F0F rgb(132, 95, 15)
- Pha 50% đen #63470C rgb(99, 71, 12)
- Pha 67% đen #422F08 rgb(66, 47, 8)
- Pha 83% đen #211804 rgb(33, 24, 4)
Màu nâu caramel phối với màu gì?
Trong thiết kế, màu nâu caramel tạo tương phản mạnh nhất với màu bổ túc là #174EC4 (gần với xanh coban), và phối êm, liền mạch với hai màu tương đồng #C43717 (gần với đỏ gạch) và #A5C417 (gần với xanh lá mạ). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với nâu caramel khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện nâu caramel trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Nâu caramel #C68E17
- ≈ Xanh coban #174EC4
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.
- ≈ Đỏ gạch #C43717
- Nâu caramel #C68E17
- ≈ Xanh lá mạ #A5C417
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Nâu caramel #C68E17
- ≈ Xanh ngọc bích #17C48D
- ≈ Chàm #8D17C4
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền nâu caramel?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 2,88 : 1 | Không đạt | Không đạt |
| Đen #000000 | 7,28 : 1 | Đạt | Đạt |
Dùng màu nâu caramel trong CSS
:root { --mau-nau-caramel: #C68E17; }
.chu { color: #C68E17; }
.nen { background-color: rgb(198, 142, 23); }
.vien { border: 1px solid hsl(41, 79%, 43%); }Đổi #C68E17 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu nâu caramel · Tạo gradient CSS với màu nâu caramel
Các màu khác trong nhóm nâu
- Nâu #8B4513 rgb(139, 69, 19)
- Nâu đất #A0522D rgb(160, 82, 45)
- Nâu cà phê #6F4E37 rgb(111, 78, 55)
- Nâu sô cô la #7B3F00 rgb(123, 63, 0)
- Nâu tây #A67B5B rgb(166, 123, 91)
- Nâu sữa #C4A484 rgb(196, 164, 132)
- Nâu đỏ #A52A2A rgb(165, 42, 42)
- Nâu hạt dẻ #954535 rgb(149, 69, 53)
- Nâu lạnh #6E5B4E rgb(110, 91, 78)
- Kaki #C3B091 rgb(195, 176, 145)