Bỏ qua, tới nội dung chính
Menu

Mã màu hồng phấn

HEX #F4C2C2
RGB rgb(244, 194, 194)
HSL hsl(0, 69%, 86%)
CMYK cmyk(0%, 20%, 20%, 4%)

Tên tiếng Anh: Baby pink

Về màu hồng phấn

Hồng phấn là hồng nhạt ngả be, ấm hơn hồng pastel. Màu nhẹ nhàng, hợp với đồ sơ sinh, váy cưới và nội thất phòng ngủ.

Xem thêm các mã màu hồng pastel khác trong bảng màu pastel

Bảng sắc độ màu hồng phấn từ nhạt đến đậm

  • Pha 83% trắng #FDF5F5 rgb(253, 245, 245)
  • Pha 67% trắng #FBEBEB rgb(251, 235, 235)
  • Pha 50% trắng #FAE1E1 rgb(250, 225, 225)
  • Pha 33% trắng #F8D6D6 rgb(248, 214, 214)
  • Pha 17% trắng #F6CCCC rgb(246, 204, 204)
  • Màu gốc #F4C2C2 rgb(244, 194, 194)
  • Pha 17% đen #CBA2A2 rgb(203, 162, 162)
  • Pha 33% đen #A38181 rgb(163, 129, 129)
  • Pha 50% đen #7A6161 rgb(122, 97, 97)
  • Pha 67% đen #514141 rgb(81, 65, 65)
  • Pha 83% đen #292020 rgb(41, 32, 32)

Màu hồng phấn phối với màu gì?

Trong thiết kế, màu hồng phấn tạo tương phản mạnh nhất với màu bổ túc là #C3F4F4 (gần với xanh dương nhạt), và phối êm, liền mạch với hai màu tương đồng #F4C3DB (gần với hồng pastel) và #F4DBC3 (gần với mơ). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với hồng phấn khi cần nền yên tĩnh.

Màu tương phản (bổ túc)

Màu đối diện hồng phấn trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.

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.

Bộ ba màu

Ba màu cách đều nhau 120°, cân bằng và sinh động.

Mở màu này trong công cụ phối màu · Chọn sắc gần giống bằng bảng chọn màu · Công thức pha màu hồng phấn

Chữ trắng hay chữ đen trên nền hồng phấn?

Tỉ lệ tương phản WCAG 2.2 với nền #F4C2C2
Màu chữ Tỉ lệ Chữ thường (AA ≥ 4,5) Chữ lớn (AA ≥ 3)
Trắng #FFFFFF 1,57 : 1 Không đạt Không đạt
Đen #000000 13,34 : 1 Đạt Đạt

Kiểm tra với màu chữ khác

Dùng màu hồng phấn trong CSS

:root { --mau-hong-phan: #F4C2C2; }

.chu   { color: #F4C2C2; }
.nen   { background-color: rgb(244, 194, 194); }
.vien  { border: 1px solid hsl(0, 69%, 86%); }

Lấy mã rgba() của màu hồng phấn · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #F4C2C2

Các màu khác trong nhóm hồng

Tên tiếng Anh và phiên âm của các màu hồng

Cập nhật lần cuối: · Phương pháp và nguồn dữ liệu · Nhật ký cập nhật · Báo lỗi trang này