Mã màu xanh da trời
#87CEEB
rgb(135, 206, 235)
hsl(197, 71%, 73%)
cmyk(43%, 12%, 0%, 8%)
Tên tiếng Anh: Sky blue /skaɪ bluː/
Về màu xanh da trời
Xanh da trời tương ứng skyblue trong CSS, sáng và thoáng. Màu tạo cảm giác yên bình, hợp với hàng không, y tế, sản phẩm trẻ em và nền minh hoạ.
Bảng sắc độ màu xanh da trời từ nhạt đến đậm
- Pha 83% trắng #EBF7FC rgb(235, 247, 252)
- Pha 67% trắng #D7EFF8 rgb(215, 239, 248)
- Pha 50% trắng #C3E7F5 rgb(195, 231, 245)
- Pha 33% trắng #AFDEF2 rgb(175, 222, 242)
- Pha 17% trắng #9BD6EE rgb(155, 214, 238)
- Màu gốc #87CEEB rgb(135, 206, 235)
- Pha 17% đen #71ACC4 rgb(113, 172, 196)
- Pha 33% đen #5A899D rgb(90, 137, 157)
- Pha 50% đen #446776 rgb(68, 103, 118)
- Pha 67% đen #2D454E rgb(45, 69, 78)
- Pha 83% đen #172227 rgb(23, 34, 39)
Màu xanh da trời phối với màu gì?
Trong thiết kế, màu xanh da trời tạo tương phản mạnh nhất với màu bổ túc là #EBA589 (gần với cam đào), và phối êm, liền mạch với hai màu tương đồng #89EBD6 (gần với xanh ngọc) và #899EEB (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 da trời khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh da trời trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh da trời #87CEEB
- ≈ Cam đào #EBA589
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 ngọc #89EBD6
- Xanh da trời #87CEEB
- ≈ Tím pastel #899EEB
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh da trời #87CEEB
- ≈ Tím hồng #EB89CF
- ≈ Vàng pastel #CFEB89
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 xanh da trời
Chữ trắng hay chữ đen trên nền xanh da trời?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,74 : 1 | Không đạt | Không đạt |
| Đen #000000 | 12,05 : 1 | Đạt | Đạt |
Dùng màu xanh da trời trong CSS
:root { --mau-xanh-da-troi: #87CEEB; }
.chu { color: #87CEEB; }
.nen { background-color: rgb(135, 206, 235); }
.vien { border: 1px solid hsl(197, 71%, 73%); }Lấy mã rgba() của màu xanh da trời · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #87CEEB
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 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 than #14213D rgb(20, 33, 61)
- Xanh denim #1560BD rgb(21, 96, 189)
- Xanh baby #89CFF0 rgb(137, 207, 240)