Mã màu xanh biển
#0077BE
rgb(0, 119, 190)
hsl(202, 100%, 37%)
cmyk(100%, 37%, 0%, 25%)
Tên tiếng Anh: Ocean blue
Về màu xanh biển
Xanh biển là sắc xanh dương trung bình ngả lục nhẹ như nước biển sâu. Màu gợi du lịch, hàng hải và là lựa chọn an toàn cho thương hiệu doanh nghiệp.
Bảng sắc độ màu xanh biển từ nhạt đến đậm
- Pha 83% trắng #D5E8F4 rgb(213, 232, 244)
- Pha 67% trắng #AAD2E9 rgb(170, 210, 233)
- Pha 50% trắng #80BBDF rgb(128, 187, 223)
- Pha 33% trắng #55A4D4 rgb(85, 164, 212)
- Pha 17% trắng #2B8EC9 rgb(43, 142, 201)
- Màu gốc #0077BE rgb(0, 119, 190)
- Pha 17% đen #00639E rgb(0, 99, 158)
- Pha 33% đen #004F7F rgb(0, 79, 127)
- Pha 50% đen #003C5F rgb(0, 60, 95)
- Pha 67% đen #00283F rgb(0, 40, 63)
- Pha 83% đen #001420 rgb(0, 20, 32)
Màu xanh biển phối với màu gì?
Trong thiết kế, màu xanh biển tạo tương phản mạnh nhất với màu bổ túc là #BD4500 (gần với cam cháy), và phối êm, liền mạch với hai màu tương đồng #00BDA4 (gần với xanh Tiffany) và #0019BD (gần với xanh dương đậm). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh biển khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh biển trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh biển #0077BE
- ≈ Cam cháy #BD4500
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 Tiffany #00BDA4
- Xanh biển #0077BE
- ≈ Xanh dương đậm #0019BD
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh biển #0077BE
- ≈ Hồng đậm #BD0078
- ≈ Xanh lá mạ #78BD00
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 biển?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 4,79 : 1 | Đạt | Đạt |
| Đen #000000 | 4,38 : 1 | Không đạt | Đạt |
Dùng màu xanh biển trong CSS
:root { --mau-xanh-bien: #0077BE; }
.chu { color: #0077BE; }
.nen { background-color: rgb(0, 119, 190); }
.vien { border: 1px solid hsl(202, 100%, 37%); }Đổi #0077BE sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh biển · Tạo gradient CSS với màu xanh biển
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 than #14213D rgb(20, 33, 61)
- Xanh denim #1560BD rgb(21, 96, 189)
- Xanh baby #89CFF0 rgb(137, 207, 240)