Cor nomeada mais próxima · #AE8EA1
#AE8EA1
Cor nomeada mais próxima: Voila!
#AE8EA1 (rgb(174 142 161), hsl(324 16% 62%), oklch(0.682 0.047 342)) é mais próxima da cor nomeada Voila!. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AE8EA1
oklch(0.682 0.047 342)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B699AA
- BEA4B3
- C6AFBC
- CEBAC6
- D6C5CF
- DED1D8
- E7DCE2
- EFE8EC
- F7F3F5
Sombras
- 977B8B
- 806876
- 6A5662
- 55444E
- 41343C
- 2E242A
- 1C1519
- 0B0709
- 010101
Tons
- A98D9E
- A58B9A
- A08A97
- 9C8994
- 978790
- 92868D
- 8E848A
- 898387
- 858183
Harmonias de cor
Complementar +180°
- AE8EA1
Voila!
- 80A290
≈ Mossy Bench
Análoga -30° +30°
- AE8EA1
Voila!
- A391AE
≈ Compliment
- B48E91
≈ Brandy Snaps
Tríade +120° +240°
- AE8EA1
Voila!
- 9E9A79
≈ A Frond in Need
- 7AA0AE
≈ Bosco Blue
Complementar dividida +150° +210°
- AE8EA1
Voila!
- 8E9F82
≈ Fresh Sod
- 78A2A0
≈ Tower Bridge
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASobre preto
WCAG 7.18:1 · APCA Lc 46
Melhor cor de texto: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Trechos de código
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);
}