Màu xanh trứng vịt

Sắc xanh ngọc rất nhạt như vỏ trứng vịt, một cái tên cực kỳ quen thuộc với người Việt. Nó nằm giữa xanh bạc hà và xanh pastel nên trông tươi mát, sạch sẽ. Màu này được yêu thích trong nội thất, phòng trẻ em và đồ gốm.

Còn gọi là: duck egg blue.

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

Mã HEX của màu xanh trứng vịt là #C3FBF4. Trong RGB là rgb(195, 251, 244), trong HSL là hsl(173, 88%, 87%) và trong CMYK là 22, 0, 3, 2.

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 trứng vịt

Xanh ngọc pastel#AFEEEE Xanh phấn#B0E0E6 Xanh dương nhạt#ADD8E6 Xanh bọt biển#8CD6C4 Trắng khói#F5F5F5 Trắng đục#FAF9F6

Thông tin về màu xanh trứng vịt

Màu xanh trứng vịt (#C3FBF4) là màu lạnh, sáng và rất rực rỡ. Màu này thuộc nhóm màu xanh ngọc. Nó được pha từ 195 phần đỏ, 251 phần xanh lá và 244 phần xanh dương (trên 255). Màu này thường dùng cho nội thất, trẻ em, gốm sứ.

Mẫu màu Xanh trứng vịt với các sắc độ từ sáng đến tối · #C3FBF4 — Xanh trứng vịt · #C3FBF4

Các sắc độ của màu xanh trứng vịt: 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 trứng vịt

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: Hồng

Tương đồngGần với: Xanh men ngọc, Xanh dương nhạt

Bộ baGần với: Tím tử đằng, Kem

Bổ túc chia táchGần với: Hồng kẹo bông, Be sa mạc

Bộ bốnGần với: Tím pastel, Hồng, Kem

Bảng màu có màu xanh trứng vịt

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 trứng vịt

Bảng màu Tương đồng · Xanh trứng vịt

Bảng màu Bổ túc · Xanh trứng vịt

Bảng màu Bộ ba · Xanh trứng vịt

Bảng màu Với màu trung tính · Xanh trứng vịt

Bảng màu Với màu nhấn · Xanh trứng vịt

Độ tương phản giữa màu xanh trứng vịt và chữ

Chữ trắngTương phản 1.1:1 · Không khuyến nghị

Chữ đenTương phản 18.4: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-trung-vit: #C3FBF4;
  --xanh-trung-vit-rgb: 195, 251, 244;
}
.nền { background-color: var(--xanh-trung-vit); }
.chữ { color: var(--xanh-trung-vit); }