Mã màu xanh dương nhạt
#ADD8E6
rgb(173, 216, 230)
hsl(195, 53%, 79%)
cmyk(25%, 6%, 0%, 10%)
Tên tiếng Anh: Light blue
Về màu xanh dương nhạt
Xanh dương nhạt tương ứng lightblue trong CSS. Màu dùng tốt làm nền thông báo thông tin, vùng được chọn và biểu đồ.
Bảng sắc độ màu xanh dương nhạt từ nhạt đến đậm
- Pha 83% trắng #F1F9FB rgb(241, 249, 251)
- Pha 67% trắng #E4F2F7 rgb(228, 242, 247)
- Pha 50% trắng #D6ECF3 rgb(214, 236, 243)
- Pha 33% trắng #C8E5EE rgb(200, 229, 238)
- Pha 17% trắng #BBDFEA rgb(187, 223, 234)
- Màu gốc #ADD8E6 rgb(173, 216, 230)
- Pha 17% đen #90B4C0 rgb(144, 180, 192)
- Pha 33% đen #739099 rgb(115, 144, 153)
- Pha 50% đen #576C73 rgb(87, 108, 115)
- Pha 67% đen #3A484D rgb(58, 72, 77)
- Pha 83% đen #1D2426 rgb(29, 36, 38)
Màu xanh dương nhạt phối với màu gì?
Trong thiết kế, màu xanh dương nhạt tạo tương phản mạnh nhất với màu bổ túc là #E6BBAD (gần với hồng nude), và phối êm, liền mạch với hai màu tương đồng #ADE6D8 (gần với xám nhạt) và #ADBBE6 (gần với tím pastel). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh dương nhạt 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 nhạt trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh dương nhạt #ADD8E6
- ≈ Hồng nude #E6BBAD
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 nhạt #ADE6D8
- Xanh dương nhạt #ADD8E6
- ≈ Tím pastel #ADBBE6
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh dương nhạt #ADD8E6
- ≈ Tím hoa cà #E6ADD8
- ≈ Kem #D8E6AD
Mở màu này trong công cụ phối màu · Chỉnh độ sáng, độ bão hoà của màu xanh dương nhạt · Trộn màu gì ra màu xanh dương nhạt?
Chữ trắng hay chữ đen trên nền xanh dương nhạt?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,52 : 1 | Không đạt | Không đạt |
| Đen #000000 | 13,74 : 1 | Đạt | Đạt |
Dùng màu xanh dương nhạt trong CSS
:root { --mau-xanh-duong-nhat: #ADD8E6; }
.chu { color: #ADD8E6; }
.nen { background-color: rgb(173, 216, 230); }
.vien { border: 1px solid hsl(195, 53%, 79%); }Chuyển mã màu xanh dương nhạt sang định dạng khác · Sinh bảng sắc độ Tailwind cho #ADD8E6 · Làm nền chuyển sắc từ màu này
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 đậ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)