Mã màu xám xanh
#708090
rgb(112, 128, 144)
hsl(210, 13%, 50%)
cmyk(22%, 11%, 0%, 44%)
Tên tiếng Anh: Slate gray
Về màu xám xanh
Xám xanh tương ứng slategray trong CSS, là xám pha xanh dương như đá phiến. Màu hiện đại, được nhiều hệ thống thiết kế chọn làm màu chữ và nền phụ.
Bảng sắc độ màu xám xanh từ nhạt đến đậm
- Pha 83% trắng #E7EAED rgb(231, 234, 237)
- Pha 67% trắng #CFD5DA rgb(207, 213, 218)
- Pha 50% trắng #B8C0C8 rgb(184, 192, 200)
- Pha 33% trắng #A0AAB5 rgb(160, 170, 181)
- Pha 17% trắng #8895A3 rgb(136, 149, 163)
- Màu gốc #708090 rgb(112, 128, 144)
- Pha 17% đen #5D6B78 rgb(93, 107, 120)
- Pha 33% đen #4B5560 rgb(75, 85, 96)
- Pha 50% đen #384048 rgb(56, 64, 72)
- Pha 67% đen #252B30 rgb(37, 43, 48)
- Pha 83% đen #131518 rgb(19, 21, 24)
Màu xám xanh phối với màu gì?
Trong thiết kế, màu xám xanh tạo tương phản mạnh nhất với màu bổ túc là #90806F (gần với xám), và phối êm, liền mạch với hai màu tương đồng #6F9090 (gần với xám khói) và #6F6F90 (gần với xám chì). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xám xanh khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xám xanh trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xám xanh #708090
- ≈ Xám #90806F
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 khói #6F9090
- Xám xanh #708090
- ≈ Xám chì #6F6F90
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xám xanh #708090
- ≈ Xám #906F80
- ≈ Xanh rêu #80906F
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 xám xanh?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 4,05 : 1 | Không đạt | Đạt |
| Đen #000000 | 5,17 : 1 | Đạt | Đạt |
Dùng màu xám xanh trong CSS
:root { --mau-xam-xanh: #708090; }
.chu { color: #708090; }
.nen { background-color: rgb(112, 128, 144); }
.vien { border: 1px solid hsl(210, 13%, 50%); }Đổi #708090 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xám xanh · Tạo gradient CSS với màu xám xanh