Mã màu xanh than
#14213D
rgb(20, 33, 61)
hsl(221, 51%, 16%)
cmyk(67%, 46%, 0%, 76%)
Tên tiếng Anh: Midnight blue
Về màu xanh than
Xanh than là xanh dương rất tối ngả xám đen, tối hơn navy. Màu phổ biến trong âu phục, đồng phục học sinh và làm nền dark mode thay cho đen tuyền.
Bảng sắc độ màu xanh than từ nhạt đến đậm
- Pha 83% trắng #D8DADF rgb(216, 218, 223)
- Pha 67% trắng #B1B5BE rgb(177, 181, 190)
- Pha 50% trắng #8A909E rgb(138, 144, 158)
- Pha 33% trắng #626B7E rgb(98, 107, 126)
- Pha 17% trắng #3B465D rgb(59, 70, 93)
- Màu gốc #14213D rgb(20, 33, 61)
- Pha 17% đen #111C33 rgb(17, 28, 51)
- Pha 33% đen #0D1629 rgb(13, 22, 41)
- Pha 50% đen #0A111F rgb(10, 17, 31)
- Pha 67% đen #070B14 rgb(7, 11, 20)
- Pha 83% đen #03060A rgb(3, 6, 10)
Màu xanh than phối với màu gì?
Trong thiết kế, màu xanh than tạo tương phản mạnh nhất với màu bổ túc là #3E3014 (gần với đen nhám), và phối êm, liền mạch với hai màu tương đồng #14363E (gần với xám than) và #1C143E (gần với tím than). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh than khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh than trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh than #14213D
- ≈ Đen nhám #3E3014
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.
- ≈ Xám than #14363E
- Xanh than #14213D
- ≈ Tím than #1C143E
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh than #14213D
- ≈ Đỏ rượu vang #3E1421
- ≈ Xanh quân đội #213E14
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 xanh than?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 15,97 : 1 | Đạt | Đạt |
| Đen #000000 | 1,31 : 1 | Không đạt | Không đạt |
Dùng màu xanh than trong CSS
:root { --mau-xanh-than: #14213D; }
.chu { color: #14213D; }
.nen { background-color: rgb(20, 33, 61); }
.vien { border: 1px solid hsl(221, 51%, 16%); }Đổi #14213D sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh than · Tạo gradient CSS với màu xanh than
Các màu khác trong nhóm xanh dương
- Xanh dương #0000FF rgb(0, 0, 255)
- Xanh navy #000080 rgb(0, 0, 128)
- Xanh da trời #87CEEB rgb(135, 206, 235)
- Xanh coban #0047AB rgb(0, 71, 171)
- Xanh hoàng gia #4169E1 rgb(65, 105, 225)
- Xanh dương pastel #AEC6CF rgb(174, 198, 207)
- Xanh dương nhạt #ADD8E6 rgb(173, 216, 230)
- Xanh dương đậm #00008B rgb(0, 0, 139)
- Xanh biển #0077BE rgb(0, 119, 190)
- Xanh denim #1560BD rgb(21, 96, 189)
- Xanh baby #89CFF0 rgb(137, 207, 240)