Bảng màu

Màu xanh ngọc

Đặt theo tên đá ngọc lam, loại đá đến châu Âu qua Thổ Nhĩ Kỳ. Màu này pha xanh dương với xanh lá và rất sáng. Nó gợi nhớ những bãi biển vùng Caribe và xuất hiện ở trang sức, quần áo mùa hè và nội thất phong cách biển.

Còn gọi là: xanh turquoise.

Xanh ngọc · #40E0D0

Thông tin về màu xanh ngọc

Màu xanh ngọc (#40E0D0) là màu lạnh, sáng vừa và rực vừa phải. Màu này thuộc nhóm màu xanh ngọc. Nó được pha từ 64 phần đỏ, 224 phần xanh lá và 208 phần xanh dương (trên 255). Màu này thường dùng cho trang sức, nội thất, thời trang.

Các sắc độ của màu xanh ngọc: sáng và tối

Từ sáng đến tối. Chạm vào một sắc độ để sao chép mã màu.

Màu hợp với màu xanh ngọc

San hôTương phản nóng lạnh đầy năng lượng.TrắngTươi mát, gọn gàng và đậm chất hè.VàngCặp đôi vui tươi, nhiệt đới.Nâu cà phêPhong cách thổ cẩm, như bạc và đồ da.HồngKết hợp vui vẻ và trẻ trung.Xanh tím thanThêm chiều sâu cho sắc màu sống động.CamMàu bổ túc của nó, cho tương phản tối đa.Vàng cátMàu trung tính ấm gợi nhớ bãi biển.
Cách phối màu xanh ngọc trong trang phục và nội thất →

Phối màu hài hòa với màu xanh ngọc

Các cách phối theo vòng tròn màu. Xem thêm tại phối màu hài hòa.

Bổ túcGần với: Đỏ thẫm
Tương đồngGần với: Xanh lá pastel, Xanh thép
Bộ baGần với: Hồng cánh sen, Vàng ngô
Bổ túc chia táchGần với: Hồng chói, Nâu đồng
Bộ bốnGần với: Tím đậm, Đỏ thẫm, Xanh táo

Bảng màu có màu xanh ngọc

Sao chép mã màu hoặc mở bảng màu trong trình chỉnh sửa để tùy chỉnh.

Bảng màu Đơn sắc · Xanh ngọc
Bảng màu Tương đồng · Xanh ngọc
Bảng màu Bổ túc · Xanh ngọc
Bảng màu Bộ ba · Xanh ngọc
Bảng màu Với màu trung tính · Xanh ngọc
Bảng màu Với màu nhấn · Xanh ngọc

Độ tương phản giữa màu xanh ngọc và chữ

Chữ trắngTương phản 1.6:1 · Không khuyến nghị
Chữ đenTương phản 12.8:1 · AAA

Theo hướng dẫn WCAG 2.1. Thử các cặp màu khác với công cụ kiểm tra tương phản.

Mã CSS

:root {
  --xanh-ngoc: #40E0D0;
  --xanh-ngoc-rgb: 64, 224, 208;
}
.nền { background-color: var(--xanh-ngoc); }
.chữ { color: var(--xanh-ngoc); }

Màu gần giống màu xanh ngọc

Xanh ngọc đậmXanh TiffanyXanh lơXanh ngọc biểnXanh bọt biểnXanh ngọc pastelXanh ngọc bíchXanh da trờiXanh dương nhạtXanh baby

Các màu xanh ngọc khác

Xanh ngọc biểnXanh lơXanh bọt biểnXanh mòng kétXanh cổ vịtXanh mòng két đậmXanh ngọc đậmXanh ngọc pastelXanh Tiffany

Câu hỏi thường gặp

Mã màu xanh ngọc là gì?

Mã HEX của màu xanh ngọc là #40E0D0. Trong RGB là rgb(64, 224, 208), trong HSL là hsl(174, 72%, 56%) và trong CMYK là 71, 0, 7, 12.

Màu bổ túc của màu xanh ngọc là gì?

Màu bổ túc trên vòng tròn màu là #E04050, một sắc độ gần với đỏ thẫm. Dùng một lượng nhỏ, nó là màu nhấn đẹp và tạo tương phản mạnh.

Có thể dùng chữ trắng trên nền màu xanh ngọc không?

Bạn nên dùng chữ đen: độ tương phản với màu trắng chỉ là 1.6:1, còn với màu đen là 12.8:1.

Màu xanh ngọc hợp với màu nào?

Hợp với san hô, trắng, vàng, nâu cà phê, hồng. Tránh phối với các tông xanh lá hoặc xanh dương rực tương tự, vì trông quá rối. Với màu đen, tổng thể có thể quá gắt nếu bạn dùng nhiều xanh ngọc.