Mã màu xanh dương pastel
#AEC6CF
rgb(174, 198, 207)
hsl(196, 26%, 75%)
cmyk(16%, 4%, 0%, 19%)
Tên tiếng Anh: Pastel blue
Về màu xanh dương pastel
Xanh dương pastel là xanh dương pha xám trắng, rất dịu. Màu hợp với bảng màu pastel, nền slide và sản phẩm cho bé trai.
Xem thêm các mã màu xanh dương pastel khác trong bảng màu pastel
Bảng sắc độ màu xanh dương pastel từ nhạt đến đậm
- Pha 83% trắng #F2F6F7 rgb(242, 246, 247)
- Pha 67% trắng #E4ECEF rgb(228, 236, 239)
- Pha 50% trắng #D7E3E7 rgb(215, 227, 231)
- Pha 33% trắng #C9D9DF rgb(201, 217, 223)
- Pha 17% trắng #BCD0D7 rgb(188, 208, 215)
- Màu gốc #AEC6CF rgb(174, 198, 207)
- Pha 17% đen #91A5AD rgb(145, 165, 173)
- Pha 33% đen #74848A rgb(116, 132, 138)
- Pha 50% đen #576368 rgb(87, 99, 104)
- Pha 67% đen #3A4245 rgb(58, 66, 69)
- Pha 83% đen #1D2123 rgb(29, 33, 35)
Màu xanh dương pastel phối với màu gì?
Trong thiết kế, màu xanh dương pastel tạo tương phản mạnh nhất với màu bổ túc là #D0B8AF (gần với hồng nude), và phối êm, liền mạch với hai màu tương đồng #AFD0C8 (gần với xám tro) và #AFB6D0 (gần với bạc). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh dương pastel khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh dương pastel trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh dương pastel #AEC6CF
- ≈ Hồng nude #D0B8AF
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.
- Xanh dương pastel #AEC6CF
- ≈ Tím nhạt #D0AFC7
- ≈ Xám tro #C7D0AF
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 dương pastel?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,78 : 1 | Không đạt | Không đạt |
| Đen #000000 | 11,77 : 1 | Đạt | Đạt |
Dùng màu xanh dương pastel trong CSS
:root { --mau-xanh-duong-pastel: #AEC6CF; }
.chu { color: #AEC6CF; }
.nen { background-color: rgb(174, 198, 207); }
.vien { border: 1px solid hsl(196, 26%, 75%); }Đổi #AEC6CF sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh dương pastel · Tạo gradient CSS với màu xanh dương pastel
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 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 than #14213D rgb(20, 33, 61)
- Xanh denim #1560BD rgb(21, 96, 189)
- Xanh baby #89CFF0 rgb(137, 207, 240)