Mã màu vàng pastel
#FDFD96
rgb(253, 253, 150)
hsl(60, 96%, 79%)
cmyk(0%, 0%, 41%, 1%)
Tên tiếng Anh: Pastel yellow
Về màu vàng pastel
Vàng pastel là sắc vàng pha trắng nhiều, sáng và nhẹ. Màu dùng làm nền ghi chú, highlight và sản phẩm cho trẻ sơ sinh.
Xem thêm các mã màu vàng pastel khác trong bảng màu pastel
Bảng sắc độ màu vàng pastel từ nhạt đến đậm
- Pha 83% trắng #FFFFEE rgb(255, 255, 238)
- Pha 67% trắng #FEFEDC rgb(254, 254, 220)
- Pha 50% trắng #FEFECB rgb(254, 254, 203)
- Pha 33% trắng #FEFEB9 rgb(254, 254, 185)
- Pha 17% trắng #FDFDA8 rgb(253, 253, 168)
- Màu gốc #FDFD96 rgb(253, 253, 150)
- Pha 17% đen #D3D37D rgb(211, 211, 125)
- Pha 33% đen #A9A964 rgb(169, 169, 100)
- Pha 50% đen #7F7F4B rgb(127, 127, 75)
- Pha 67% đen #545432 rgb(84, 84, 50)
- Pha 83% đen #2A2A19 rgb(42, 42, 25)
Màu vàng pastel phối với màu gì?
Trong thiết kế, màu vàng pastel tạo tương phản mạnh nhất với màu bổ túc là #9696FD (gần với tím pastel), và phối êm, liền mạch với hai màu tương đồng #FDC996 (gần với nude) và #C9FD96 (gần với xanh lá nhạt). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với và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 vàng pastel trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Vàng pastel #FDFD96
- ≈ Tím pastel #9696FD
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.
- ≈ Nude #FDC996
- Vàng pastel #FDFD96
- ≈ Xanh lá nhạt #C9FD96
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Vàng pastel #FDFD96
- ≈ Xanh lơ #96FDFD
- ≈ Tím hồng #FD96FD
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền vàng pastel?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,06 : 1 | Không đạt | Không đạt |
| Đen #000000 | 19,66 : 1 | Đạt | Đạt |
Dùng màu vàng pastel trong CSS
:root { --mau-vang-pastel: #FDFD96; }
.chu { color: #FDFD96; }
.nen { background-color: rgb(253, 253, 150); }
.vien { border: 1px solid hsl(60, 96%, 79%); }Đổi #FDFD96 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu vàng pastel · Tạo gradient CSS với màu vàng pastel
Các màu khác trong nhóm vàng
- Vàng #FFFF00 rgb(255, 255, 0)
- Vàng gold #FFD700 rgb(255, 215, 0)
- Vàng kim loại #D4AF37 rgb(212, 175, 55)
- Vàng chanh #FFF44F rgb(255, 244, 79)
- Vàng mù tạt #FFDB58 rgb(255, 219, 88)
- Vàng nghệ #E8A317 rgb(232, 163, 23)
- Vàng cát #C2B280 rgb(194, 178, 128)
- Vàng bơ #FFF1A8 rgb(255, 241, 168)
- Vàng cam #FFAE42 rgb(255, 174, 66)