Màu có tên gần nhất · #AE8EA1
#AE8EA1
Màu có tên gần nhất: Voila!
#AE8EA1 (rgb(174 142 161), hsl(324 16% 62%), oklch(0.682 0.047 342)) gần nhất với màu có tên Voila!. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#AE8EA1
oklch(0.682 0.047 342)
Chuyển đổi màu
- HEX
- #ae8ea1
- RGB
- rgb(174 142 161)
- HSL
- hsl(324 16% 62%)
- HWB
- hwb(324 56% 32%)
- OKLCH
- oklch(0.682 0.047 342)
- OKLab
- oklab(0.682 0.044 -0.014)
- CIE Lab
- lab(62.48 14.86 -5.29)
- LCH
- lch(62.48 15.77 340.4)
- CMYK
- cmyk(0% 18% 7% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B699AA
- BEA4B3
- C6AFBC
- CEBAC6
- D6C5CF
- DED1D8
- E7DCE2
- EFE8EC
- F7F3F5
Sắc đậm
- 977B8B
- 806876
- 6A5662
- 55444E
- 41343C
- 2E242A
- 1C1519
- 0B0709
- 010101
Sắc xám
- A98D9E
- A58B9A
- A08A97
- 9C8994
- 978790
- 92868D
- 8E848A
- 898387
- 858183
Hòa sắc
Bổ túc +180°
- AE8EA1
Voila!
- 80A290
≈ Mossy Bench
Tương đồng -30° +30°
- AE8EA1
Voila!
- A391AE
≈ Compliment
- B48E91
≈ Brandy Snaps
Bộ ba +120° +240°
- AE8EA1
Voila!
- 9E9A79
≈ A Frond in Need
- 7AA0AE
≈ Bosco Blue
Bổ túc chia +150° +210°
- AE8EA1
Voila!
- 8E9F82
≈ Fresh Sod
- 78A2A0
≈ Tower Bridge
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.92:1 · APCA Lc 56
Ag
AAATrên nền đen
WCAG 7.18:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
CSS
:root {
--voila: #ae8ea1;
--voila-rgb: 174 142 161;
--voila-oklch: oklch(0.682 0.047 342);
}
.element {
color: var(--voila);
background-color: hsl(324 16% 62%);
border-color: oklch(0.682 0.047 342);
}Tailwind CSS v4
@theme {
--color-voila: #ae8ea1;
--color-voila-50: #fff0f8;
--color-voila-100: #f4e2ec;
--color-voila-200: #e4cdd9;
--color-voila-300: #caaebd;
--color-voila-400: #b394a6;
--color-voila-500: #9d7a8f;
--color-voila-600: #846879;
--color-voila-700: #6a5361;
--color-voila-800: #4e3c47;
--color-voila-900: #362931;
--color-voila-950: #21171d;
}SCSS
$voila: #ae8ea1;
$voila-rgb: 174, 142, 161;
$voila-light: mix(#fff, $voila, 20%);
$voila-dark: mix(#000, $voila, 20%);
.element {
color: $voila;
box-shadow: 0 0 0 2px rgba($voila, 0.35);
}