Bỏ qua, tới nội dung chính
Menu

Mã màu nâu đỏ

HEX #A52A2A
RGB rgb(165, 42, 42)
HSL hsl(0, 59%, 41%)
CMYK cmyk(0%, 75%, 75%, 35%)

Tên tiếng Anh: Red brown

Về màu nâu đỏ

Nâu đỏ chính là từ khoá brown trong CSS, ngả đỏ rõ rệt. Màu gợi gỗ gụ, da thuộc và gạch cổ.

Bảng sắc độ màu nâu đỏ từ nhạt đến đậm

  • Pha 83% trắng #F0DCDC rgb(240, 220, 220)
  • Pha 67% trắng #E1B8B8 rgb(225, 184, 184)
  • Pha 50% trắng #D29595 rgb(210, 149, 149)
  • Pha 33% trắng #C37171 rgb(195, 113, 113)
  • Pha 17% trắng #B44E4E rgb(180, 78, 78)
  • Màu gốc #A52A2A rgb(165, 42, 42)
  • Pha 17% đen #8A2323 rgb(138, 35, 35)
  • Pha 33% đen #6E1C1C rgb(110, 28, 28)
  • Pha 50% đen #531515 rgb(83, 21, 21)
  • Pha 67% đen #370E0E rgb(55, 14, 14)
  • Pha 83% đen #1C0707 rgb(28, 7, 7)

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à #2BA6A6 (gần với xanh Tiffany), và phối êm, liền mạch với hai màu tương đồng #A62B69 (gần với đỏ mận) và #A6692B (gần với nâu tây). 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.

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.

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 đỏ?

Tỉ lệ tương phản WCAG 2.2 với nền #A52A2A
Màu chữ Tỉ lệ Chữ thường (AA ≥ 4,5) Chữ lớn (AA ≥ 3)
Trắng #FFFFFF 7,08 : 1 Đạt Đạt
Đen #000000 2,96 : 1 Không đạt Không đạt

Kiểm tra với màu chữ khác

Dùng màu nâu đỏ trong CSS

:root { --mau-nau-do: #A52A2A; }

.chu   { color: #A52A2A; }
.nen   { background-color: rgb(165, 42, 42); }
.vien  { border: 1px solid hsl(0, 59%, 41%); }

Đổi #A52A2A 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

Tên tiếng Anh và phiên âm của các màu nâu

Cập nhật lần cuối: · Phương pháp và nguồn dữ liệu · Nhật ký cập nhật · Báo lỗi trang này