Mã màu vàng bơ
#FFF1A8
rgb(255, 241, 168)
hsl(50, 100%, 83%)
cmyk(0%, 5%, 34%, 0%)
Tên tiếng Anh: Butter
Về màu vàng bơ
Vàng bơ mềm và ấm hơn vàng pastel, giống màu bơ lạt. Đây là màu được ưa chuộng cho tường bếp, thời trang xuân hè và nền minh hoạ.
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 bơ từ nhạt đến đậm
- Pha 83% trắng #FFFDF1 rgb(255, 253, 241)
- Pha 67% trắng #FFFAE2 rgb(255, 250, 226)
- Pha 50% trắng #FFF8D4 rgb(255, 248, 212)
- Pha 33% trắng #FFF6C5 rgb(255, 246, 197)
- Pha 17% trắng #FFF3B7 rgb(255, 243, 183)
- Màu gốc #FFF1A8 rgb(255, 241, 168)
- Pha 17% đen #D5C98C rgb(213, 201, 140)
- Pha 33% đen #AAA170 rgb(170, 161, 112)
- Pha 50% đen #807954 rgb(128, 121, 84)
- Pha 67% đen #555038 rgb(85, 80, 56)
- Pha 83% đen #2B281C rgb(43, 40, 28)
Màu vàng bơ phối với màu gì?
Trong thiết kế, màu vàng bơ tạo tương phản mạnh nhất với màu bổ túc là #A8B7FF (gần với tím pastel), và phối êm, liền mạch với hai màu tương đồng #FFC5A8 (gần với mơ) và #E2FFA8 (gần với vàng pastel). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với vàng bơ 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 bơ trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Vàng bơ #FFF1A8
- ≈ Tím pastel #A8B7FF
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.
- ≈ Mơ #FFC5A8
- Vàng bơ #FFF1A8
- ≈ Vàng pastel #E2FFA8
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Vàng bơ #FFF1A8
- ≈ Xanh ngọc lam #A8FFF1
- ≈ Tím hồng #F1A8FF
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 vàng bơ
Chữ trắng hay chữ đen trên nền vàng bơ?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,14 : 1 | Không đạt | Không đạt |
| Đen #000000 | 18,39 : 1 | Đạt | Đạt |
Dùng màu vàng bơ trong CSS
:root { --mau-vang-bo: #FFF1A8; }
.chu { color: #FFF1A8; }
.nen { background-color: rgb(255, 241, 168); }
.vien { border: 1px solid hsl(50, 100%, 83%); }Lấy mã rgba() của màu vàng bơ · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #FFF1A8
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 pastel #FDFD96 rgb(253, 253, 150)
- Vàng cát #C2B280 rgb(194, 178, 128)
- Vàng cam #FFAE42 rgb(255, 174, 66)