Mã Màu Xanh Ngọc Lam (#40e0d0)

Xanh ngọc lam là #40e0d0 ở dạng hex và rgb(64, 224, 208), một màu cyan đậm vừa phải. Dưới đây là mọi định dạng màu, các sắc độ nhạt và đậm, phối màu hài hòa, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh ngọc lam
#40e0d0
Tên CSSturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

Sắc độ nhạt và đậm

Phối màu hài hòa

Về màu xanh ngọc lam

Xanh ngọc lam (turquoise) là một màu cyan đậm, rực rỡ, có mã hex #40e0d0, hoặc rgb(64, 224, 208). Trong HSL, màu này có sắc độ 174°, độ bão hòa 72% và độ sáng 56%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: turquoise; thay vì mã hex.

Dùng xanh ngọc lam cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ xanh ngọc lam trên nền trắng1.64 : 1không đạt
Chữ xanh ngọc lam trên nền đen12.79 : 1AAA

Khi nền là xanh ngọc lam, hãy dùng chữ đen (12.79 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ cỡ lớn. Bạn có thể kiểm tra các cặp màu khác bằng Công cụ kiểm tra độ tương phản.

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

Các màu có tên tương tự

Medium Turquoise (#48d1cc), Medium Aquamarine (#66cdaa), Dark Turquoise (#00ced1), Light Sea Green (#20b2aa), Aquamarine (#7fffd4), Sky Blue (#87ceeb).

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

Mã hex của màu xanh ngọc lam là gì?
#40e0d0, tương ứng với rgb(64, 224, 208) và hsl(174, 72%, 56%). Trong CSS, bạn cũng có thể viết trực tiếp turquoise.
Chữ màu xanh ngọc lam trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 1.64 : 1, không đạt chuẩn WCAG. Hãy dùng màu này để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với xanh ngọc lam?
Màu bổ sung của nó là #e03e4e. Các màu tương đồng #3ee07f và #3e9fe0 nằm cạnh nó trên vòng tròn màu.