Mã màu xanh ngọc
#40E0D0
rgb(64, 224, 208)
hsl(174, 72%, 56%)
cmyk(71%, 0%, 7%, 12%)
Tên tiếng Anh: Turquoise /ˈtɜːkwɔɪz/
Về màu xanh ngọc
Xanh ngọc nằm giữa xanh lá và xanh dương, tương ứng turquoise trong CSS. Màu gợi biển nhiệt đới, tạo cảm giác tươi mát và được dùng nhiều trong du lịch, spa, trang sức.
Bảng sắc độ màu xanh ngọc từ nhạt đến đậm
- Pha 83% trắng #DFFAF7 rgb(223, 250, 247)
- Pha 67% trắng #BFF5EF rgb(191, 245, 239)
- Pha 50% trắng #A0F0E8 rgb(160, 240, 232)
- Pha 33% trắng #80EAE0 rgb(128, 234, 224)
- Pha 17% trắng #60E5D8 rgb(96, 229, 216)
- Màu gốc #40E0D0 rgb(64, 224, 208)
- Pha 17% đen #35BBAD rgb(53, 187, 173)
- Pha 33% đen #2B958B rgb(43, 149, 139)
- Pha 50% đen #207068 rgb(32, 112, 104)
- Pha 67% đen #154B45 rgb(21, 75, 69)
- Pha 83% đen #0B2523 rgb(11, 37, 35)
Màu xanh ngọc phối với màu gì?
Trong thiết kế, màu xanh ngọc tạo tương phản mạnh nhất với màu bổ túc là #E03E4E (gần với đỏ thẫm), và phối êm, liền mạch với hai màu tương đồng #3EE07F (gần với xanh lục bảo) và #3E9FE0 (gần với xanh biển). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh ngọc khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh ngọc trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh ngọc #40E0D0
- ≈ Đỏ thẫm #E03E4E
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 lục bảo #3EE07F
- Xanh ngọc #40E0D0
- ≈ Xanh biển #3E9FE0
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh ngọc #40E0D0
- ≈ Tím hồng #CF3EE0
- ≈ Vàng mù tạt #E0CF3E
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 ngọc · Trộn màu gì ra màu xanh ngọc?
Chữ trắng hay chữ đen trên nền xanh ngọc?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,64 : 1 | Không đạt | Không đạt |
| Đen #000000 | 12,79 : 1 | Đạt | Đạt |
Dùng màu xanh ngọc trong CSS
:root { --mau-xanh-ngoc: #40E0D0; }
.chu { color: #40E0D0; }
.nen { background-color: rgb(64, 224, 208); }
.vien { border: 1px solid hsl(174, 72%, 56%); }Chuyển mã màu xanh ngọc sang định dạng khác · Sinh bảng sắc độ Tailwind cho #40E0D0 · Làm nền chuyển sắc từ màu này
Các màu khác trong nhóm xanh ngọc
- Xanh cổ vịt #008080 rgb(0, 128, 128)
- Xanh lơ #00FFFF rgb(0, 255, 255)
- Xanh Tiffany #0ABAB5 rgb(10, 186, 181)
- Xanh ngọc lam #7FFFD4 rgb(127, 255, 212)