Màu xanh lơ đậm

Sắc xanh ngọc đậm và trầm, như màu xanh lơ được làm tối đi. Màu này mang vẻ thông minh, đáng tin cậy nên thường làm màu chủ đạo cho trang web và ứng dụng công nghệ. Nó cũng là điểm nhấn đẹp trong nội thất.

Còn gọi là: xanh cyan đậm, dark cyan.

Mở trong trình chỉnh sửa

Mã HEX của màu xanh lơ đậm là #008B8B. Trong RGB là rgb(0, 139, 139), trong HSL là hsl(180, 100%, 27%) và trong CMYK là 100, 0, 0, 45.

Xem ngoài đời thực

Chọn một màu để phối và xem trông thế nào trên quần áo, nội thất và thiết kế.

Màu gần giống màu xanh lơ đậm

Xanh mòng két#008080 Xanh lá thông#01796F Xanh viridian#40826D Xanh gỉ đồng#43B3AE Xanh Tiffany#0ABAB5 Xanh chai#006A4E

Thông tin về màu xanh lơ đậm

Màu xanh lơ đậm (#008B8B) là màu lạnh, tối và rất rực rỡ. Màu này thuộc nhóm màu xanh ngọc. Nó được pha từ 0 phần đỏ, 139 phần xanh lá và 139 phần xanh dương (trên 255). Màu này thường dùng cho web, công nghệ, nội thất.

Mẫu màu Xanh lơ đậm với các sắc độ từ sáng đến tối · #008B8B — Xanh lơ đậm · #008B8B

Các sắc độ của màu xanh lơ đậm: 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.

Xem mọi sắc độ của màu: Công cụ tạo sắc độ màu

Phối màu hài hòa với màu xanh lơ đậm

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: Đỏ máu

Tương đồngGần với: Xanh lục biển, Xanh đại dương

Bộ baGần với: Tím, Xanh ô liu

Bổ túc chia táchGần với: Hồng sẫm, Nâu

Bộ bốnGần với: Chàm, Đỏ máu, Xanh bơ

Bảng màu có màu xanh lơ đậm

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 lơ đậm

Bảng màu Tương đồng · Xanh lơ đậm

Bảng màu Bổ túc · Xanh lơ đậm

Bảng màu Bộ ba · Xanh lơ đậm

Bảng màu Với màu trung tính · Xanh lơ đậm

Bảng màu Với màu nhấn · Xanh lơ đậm

Độ tương phản giữa màu xanh lơ đậm và chữ

Chữ trắngTương phản 4.1:1 · AA chữ lớn

Chữ đenTương phản 5.1:1 · AA

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-lo-dam: #008B8B;
  --xanh-lo-dam-rgb: 0, 139, 139;
}
.nền { background-color: var(--xanh-lo-dam); }
.chữ { color: var(--xanh-lo-dam); }