Mã màu tím lavender
#B57EDC
rgb(181, 126, 220)
hsl(275, 57%, 68%)
cmyk(18%, 43%, 0%, 14%)
Tên tiếng Anh: Lavender /ˈlævəndə(r)/
Về màu tím lavender
Tím lavender (tím oải hương) là sắc tím sáng ngả hồng như hoa oải hương. Lưu ý từ khoá lavender của CSS (#E6E6FA) nhạt hơn nhiều so với màu hoa thực tế này.
Bảng sắc độ màu tím lavender từ nhạt đến đậm
- Pha 83% trắng #F3EAF9 rgb(243, 234, 249)
- Pha 67% trắng #E6D4F3 rgb(230, 212, 243)
- Pha 50% trắng #DABFEE rgb(218, 191, 238)
- Pha 33% trắng #CEA9E8 rgb(206, 169, 232)
- Pha 17% trắng #C194E2 rgb(193, 148, 226)
- Màu gốc #B57EDC rgb(181, 126, 220)
- Pha 17% đen #9769B7 rgb(151, 105, 183)
- Pha 33% đen #795493 rgb(121, 84, 147)
- Pha 50% đen #5B3F6E rgb(91, 63, 110)
- Pha 67% đen #3C2A49 rgb(60, 42, 73)
- Pha 83% đen #1E1525 rgb(30, 21, 37)
Màu tím lavender phối với màu gì?
Trong thiết kế, màu tím lavender tạo tương phản mạnh nhất với màu bổ túc là #A6DC7F (gần với xanh lá nhạt), và phối êm, liền mạch với hai màu tương đồng #877FDC (gần với tím pastel) và #DC7FD4 (gần với tím hồng). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với tím lavender khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện tím lavender trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Tím lavender #B57EDC
- ≈ Xanh lá nhạt #A6DC7F
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 lavender #877FDC
- Tím lavender #B57EDC
- ≈ Tím hồng #DC7FD4
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Tím lavender #B57EDC
- ≈ Nude #DCB57F
- ≈ Xanh ngọc lam #7FDCB5
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 tím lavender
Chữ trắng hay chữ đen trên nền tím lavender?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 3,00 : 1 | Không đạt | Đạt |
| Đen #000000 | 6,98 : 1 | Đạt | Đạt |
Dùng màu tím lavender trong CSS
:root { --mau-tim-lavender: #B57EDC; }
.chu { color: #B57EDC; }
.nen { background-color: rgb(181, 126, 220); }
.vien { border: 1px solid hsl(275, 57%, 68%); }Lấy mã rgba() của màu tím lavender · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #B57EDC
Các màu khác trong nhóm tím
- Tím #800080 rgb(128, 0, 128)
- Tím pastel #C3B1E1 rgb(195, 177, 225)
- Tím than #32174D rgb(50, 23, 77)
- Tím cà #614051 rgb(97, 64, 81)
- Tím violet #8F00FF rgb(143, 0, 255)
- Tím hồng #DA70D6 rgb(218, 112, 214)
- Tím mận #8E4585 rgb(142, 69, 133)
- Chàm #4B0082 rgb(75, 0, 130)
- Tím nhạt #D8BFD8 rgb(216, 191, 216)
- Tím hoa cà #C8A2C8 rgb(200, 162, 200)