Mã màu xanh hoàng gia
#4169E1
rgb(65, 105, 225)
hsl(225, 73%, 57%)
cmyk(71%, 53%, 0%, 12%)
Tên tiếng Anh: Royal blue
Về màu xanh hoàng gia
Xanh hoàng gia tương ứng royalblue trong CSS, tươi hơn coban và sáng hơn navy. Màu cân bằng giữa trang trọng và năng động nên hay dùng cho nút chính trong giao diện.
Bảng sắc độ màu xanh hoàng gia từ nhạt đến đậm
- Pha 83% trắng #DFE6FA rgb(223, 230, 250)
- Pha 67% trắng #C0CDF5 rgb(192, 205, 245)
- Pha 50% trắng #A0B4F0 rgb(160, 180, 240)
- Pha 33% trắng #809BEB rgb(128, 155, 235)
- Pha 17% trắng #6182E6 rgb(97, 130, 230)
- Màu gốc #4169E1 rgb(65, 105, 225)
- Pha 17% đen #3658BC rgb(54, 88, 188)
- Pha 33% đen #2B4696 rgb(43, 70, 150)
- Pha 50% đen #213571 rgb(33, 53, 113)
- Pha 67% đen #16234B rgb(22, 35, 75)
- Pha 83% đen #0B1226 rgb(11, 18, 38)
Màu xanh hoàng gia phối với màu gì?
Trong thiết kế, màu xanh hoàng gia tạo tương phản mạnh nhất với màu bổ túc là #E1B941 (gần với vàng kim loại), và phối êm, liền mạch với hai màu tương đồng #41B9E1 (gần với xanh da trời) và #6941E1 (gần với tím violet). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh hoàng gia khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh hoàng gia trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh hoàng gia #4169E1
- ≈ Vàng kim loại #E1B941
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 da trời #41B9E1
- Xanh hoàng gia #4169E1
- ≈ Tím violet #6941E1
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh hoàng gia #4169E1
- ≈ Đỏ anh đào #E14169
- ≈ Xanh nõn chuối #69E141
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 hoàng gia
Chữ trắng hay chữ đen trên nền xanh hoàng gia?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 4,84 : 1 | Đạt | Đạt |
| Đen #000000 | 4,33 : 1 | Không đạt | Đạt |
Dùng màu xanh hoàng gia trong CSS
:root { --mau-xanh-hoang-gia: #4169E1; }
.chu { color: #4169E1; }
.nen { background-color: rgb(65, 105, 225); }
.vien { border: 1px solid hsl(225, 73%, 57%); }Lấy mã rgba() của màu xanh hoàng gia · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #4169E1
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 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)