Couleur nommée la plus proche · #A39FCE
#A39FCE
Couleur nommée la plus proche: Imperial Lilac
#A39FCE (rgb(163 159 206), hsl(245 32% 72%), oklch(0.722 0.068 288.5)) est la plus proche de la couleur nommée Imperial Lilac. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A39FCE
oklch(0.722 0.068 288.5)
Conversions de couleur
- HEX
- #a39fce
- RGB
- rgb(163 159 206)
- HSL
- hsl(245 32% 72%)
- HWB
- hwb(245 62% 19%)
- OKLCH
- oklch(0.722 0.068 288.5)
- OKLab
- oklab(0.722 0.021 -0.064)
- CIE Lab
- lab(67.09 8.95 -23.65)
- LCH
- lch(67.09 25.29 290.7)
- CMYK
- cmyk(21% 23% 0% 19%)
Teintes · Ombres · Tons
Teintes
- ACA8D3
- B5B2D8
- BEBBDD
- C7C5E2
- D0CEE7
- D9D8EC
- E2E2F1
- ECEBF5
- F5F5FA
Ombres
- 8D8AB3
- 787598
- 63617F
- 4F4D66
- 3C3B4E
- 2A2938
- 191823
- 0A090F
- 010102
Tons
- 9F9CC6
- 9C99BE
- 9896B6
- 9593AE
- 9190A7
- 8E8D9F
- 8A8997
- 87868F
- 838388
Harmonies de couleurs
Complémentaire +180°
- A39FCE
Imperial Lilac
- A9A977
≈ Cardamom
Analogue -30° +30°
- A39FCE
Imperial Lilac
- 8CA7D0
≈ Placid Blue
- B898C1
≈ Atlantic Tulip
Triadique +120° +240°
- A39FCE
Imperial Lilac
- C99980
≈ Chinook Salmon
- 7AB39E
≈ Beau Monde
Complémentaire divisée +150° +210°
- A39FCE
Imperial Lilac
- BDA175
≈ Mesa
- 90B087
≈ Pear Cactus
Tétradique +90° +180° +270°
- A39FCE
Imperial Lilac
- CD9595
≈ Minstrel Rose
- A9A977
≈ Cardamom
- 70B3B5
≈ Dexter
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.49:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.40:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--imperial-lilac: #a39fce;
--imperial-lilac-rgb: 163 159 206;
--imperial-lilac-oklch: oklch(0.722 0.068 288.5);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(245 32% 72%);
border-color: oklch(0.722 0.068 288.5);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a39fce;
--color-imperial-lilac-50: #f4f2ff;
--color-imperial-lilac-100: #e7e5fe;
--color-imperial-lilac-200: #d3d0f0;
--color-imperial-lilac-300: #b7b2d8;
--color-imperial-lilac-400: #9c98c5;
--color-imperial-lilac-500: #847fb1;
--color-imperial-lilac-600: #706c95;
--color-imperial-lilac-700: #595678;
--color-imperial-lilac-800: #403f59;
--color-imperial-lilac-900: #2c2b3e;
--color-imperial-lilac-950: #191927;
}SCSS
$imperial-lilac: #a39fce;
$imperial-lilac-rgb: 163, 159, 206;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}