Mã màu hồng pastel
#FFD1DC
rgb(255, 209, 220)
hsl(346, 100%, 91%)
cmyk(0%, 18%, 14%, 0%)
Tên tiếng Anh: Pastel pink
Về màu hồng pastel
Hồng pastel nhạt và mát hơn hồng chuẩn. Đây là một trong những mã màu pastel được tìm nhiều nhất, dùng cho nền story, slide, thiệp và giao diện nhẹ nhà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 pastel từ nhạt đến đậm
- Pha 83% trắng #FFF7F9 rgb(255, 247, 249)
- Pha 67% trắng #FFF0F3 rgb(255, 240, 243)
- Pha 50% trắng #FFE8EE rgb(255, 232, 238)
- Pha 33% trắng #FFE0E8 rgb(255, 224, 232)
- Pha 17% trắng #FFD9E2 rgb(255, 217, 226)
- Màu gốc #FFD1DC rgb(255, 209, 220)
- Pha 17% đen #D5AEB7 rgb(213, 174, 183)
- Pha 33% đen #AA8B93 rgb(170, 139, 147)
- Pha 50% đen #80696E rgb(128, 105, 110)
- Pha 67% đen #554649 rgb(85, 70, 73)
- Pha 83% đen #2B2325 rgb(43, 35, 37)
Màu hồng pastel phối với màu gì?
Trong thiết kế, màu hồng pastel tạo tương phản mạnh nhất với màu bổ túc là #D1FFF4 (gần với trắng khói), và phối êm, liền mạch với hai màu tương đồng #FFD1F3 (gần với tím nhạt) và #FFDDD1 (gần với hồng nude). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với hồng pastel 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 pastel trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Hồng pastel #FFD1DC
- ≈ Trắng khói #D1FFF4
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.
- ≈ Tím nhạt #FFD1F3
- Hồng pastel #FFD1DC
- ≈ Hồng nude #FFDDD1
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Hồng pastel #FFD1DC
- ≈ Be #DCFFD1
- ≈ Xám nhạt #D1DCFF
Mở màu này trong công cụ phối màu · Chỉnh độ sáng, độ bão hoà của màu hồng pastel · Trộn màu gì ra màu hồng pastel?
Chữ trắng hay chữ đen trên nền hồng pastel?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,36 : 1 | Không đạt | Không đạt |
| Đen #000000 | 15,40 : 1 | Đạt | Đạt |
Dùng màu hồng pastel trong CSS
:root { --mau-hong-pastel: #FFD1DC; }
.chu { color: #FFD1DC; }
.nen { background-color: rgb(255, 209, 220); }
.vien { border: 1px solid hsl(346, 100%, 91%); }Chuyển mã màu hồng pastel sang định dạng khác · Sinh bảng sắc độ Tailwind cho #FFD1DC · Làm nền chuyển sắc từ màu này
Các màu khác trong nhóm hồng
- Hồng #FFC0CB rgb(255, 192, 203)
- Hồng đậm #FF1493 rgb(255, 20, 147)
- Hồng cánh sen #E75480 rgb(231, 84, 128)
- Hồng phấn #F4C2C2 rgb(244, 194, 194)
- Hồng đất #C08081 rgb(192, 128, 129)
- Hồng neon #FF6EC7 rgb(255, 110, 199)
- Hồng cam #FA8072 rgb(250, 128, 114)
- Hồng tím #FF00FF rgb(255, 0, 255)
- Hồng ruốc #D9A6A1 rgb(217, 166, 161)
- Hồng nude #E8C4B8 rgb(232, 196, 184)