Mã màu chàm
#4B0082
rgb(75, 0, 130)
hsl(275, 100%, 25%)
cmyk(42%, 100%, 0%, 49%)
Tên tiếng Anh: Indigo /ˈɪndɪɡəʊ/
Về màu chàm
Chàm tương ứng indigo trong CSS, nằm giữa xanh dương và tím trong bảy sắc cầu vồng. Tên gọi bắt nguồn từ cây chàm dùng nhuộm vải truyền thống.
Bảng sắc độ màu chàm từ nhạt đến đậm
- Pha 83% trắng #E1D5EA rgb(225, 213, 234)
- Pha 67% trắng #C3AAD5 rgb(195, 170, 213)
- Pha 50% trắng #A580C1 rgb(165, 128, 193)
- Pha 33% trắng #8755AC rgb(135, 85, 172)
- Pha 17% trắng #692B97 rgb(105, 43, 151)
- Màu gốc #4B0082 rgb(75, 0, 130)
- Pha 17% đen #3F006C rgb(63, 0, 108)
- Pha 33% đen #320057 rgb(50, 0, 87)
- Pha 50% đen #260041 rgb(38, 0, 65)
- Pha 67% đen #19002B rgb(25, 0, 43)
- Pha 83% đen #0D0016 rgb(13, 0, 22)
Màu chàm phối với màu gì?
Trong thiết kế, màu chàm tạo tương phản mạnh nhất với màu bổ túc là #358000 (gần với xanh lá), và phối êm, liền mạch với hai màu tương đồng #0B0080 (gần với xanh navy) và #800075 (gần với tím). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với chàm khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện chàm trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Chàm #4B0082
- ≈ Xanh lá #358000
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.
- ≈ Xanh navy #0B0080
- Chàm #4B0082
- ≈ Tím #800075
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Chàm #4B0082
- ≈ Nâu sô cô la #804A00
- ≈ Xanh ngọc bích #00804A
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 chàm
Chữ trắng hay chữ đen trên nền chàm?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 12,95 : 1 | Đạt | Đạt |
| Đen #000000 | 1,62 : 1 | Không đạt | Không đạt |
Dùng màu chàm trong CSS
:root { --mau-cham: #4B0082; }
.chu { color: #4B0082; }
.nen { background-color: rgb(75, 0, 130); }
.vien { border: 1px solid hsl(275, 100%, 25%); }Lấy mã rgba() của màu chàm · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #4B0082
Các màu khác trong nhóm tím
- Tím #800080 rgb(128, 0, 128)
- Tím lavender #B57EDC rgb(181, 126, 220)
- Tím pastel #C3B1E1 rgb(195, 177, 225)
- Tím than #32174D rgb(50, 23, 77)
- Tím cà #614051 rgb(97, 64, 81)
- Tím violet #8F00FF rgb(143, 0, 255)
- Tím hồng #DA70D6 rgb(218, 112, 214)
- Tím mận #8E4585 rgb(142, 69, 133)
- Tím nhạt #D8BFD8 rgb(216, 191, 216)
- Tím hoa cà #C8A2C8 rgb(200, 162, 200)