Mã màu nâu
#8B4513
rgb(139, 69, 19)
hsl(25, 76%, 31%)
cmyk(0%, 50%, 86%, 45%)
Tên tiếng Anh: Brown /braʊn/
Về màu nâu
Nâu là cam hoặc đỏ ở độ sáng thấp. Mã #8B4513 (saddlebrown) gần với cảm nhận màu nâu phổ thông hơn từ khoá brown của CSS (#A52A2A) vốn ngả đỏ. Màu gợi đất, gỗ, cà phê và sự bền vững.
Bảng sắc độ màu nâu từ nhạt đến đậm
- Pha 83% trắng #ECE0D8 rgb(236, 224, 216)
- Pha 67% trắng #D8C1B0 rgb(216, 193, 176)
- Pha 50% trắng #C5A289 rgb(197, 162, 137)
- Pha 33% trắng #B28362 rgb(178, 131, 98)
- Pha 17% trắng #9E643A rgb(158, 100, 58)
- Màu gốc #8B4513 rgb(139, 69, 19)
- Pha 17% đen #743A10 rgb(116, 58, 16)
- Pha 33% đen #5D2E0D rgb(93, 46, 13)
- Pha 50% đen #46230A rgb(70, 35, 10)
- Pha 67% đen #2E1706 rgb(46, 23, 6)
- Pha 83% đen #170C03 rgb(23, 12, 3)
Màu nâu phối với màu gì?
Trong thiết kế, màu nâu tạo tương phản mạnh nhất với màu bổ túc là #13598B (gần với xanh biển), và phối êm, liền mạch với hai màu tương đồng #8B131D (gần với đỏ đô) và #8B8113 (gần với xanh ô liu). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với nâu 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 trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Nâu #8B4513
- ≈ Xanh biển #13598B
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.
- ≈ Đỏ đô #8B131D
- Nâu #8B4513
- ≈ Xanh ô liu #8B8113
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Nâu #8B4513
- ≈ Xanh ngọc bích #138B45
- ≈ Chàm #45138B
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?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 7,09 : 1 | Đạt | Đạt |
| Đen #000000 | 2,95 : 1 | Không đạt | Không đạt |
Dùng màu nâu trong CSS
:root { --mau-nau: #8B4513; }
.chu { color: #8B4513; }
.nen { background-color: rgb(139, 69, 19); }
.vien { border: 1px solid hsl(25, 76%, 31%); }Đổi #8B4513 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu nâu · Tạo gradient CSS với màu nâu
Các màu khác trong nhóm nâu
- 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 caramel #C68E17 rgb(198, 142, 23)
- 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)