Nächste benannte Farbe · #A39FCE
#A39FCE
Nächste benannte Farbe: Imperial Lilac
#A39FCE (rgb(163 159 206), hsl(245 32% 72%), oklch(0.722 0.068 288.5)) liegt am nächsten an der benannten Farbe Imperial Lilac. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A39FCE
oklch(0.722 0.068 288.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- ACA8D3
- B5B2D8
- BEBBDD
- C7C5E2
- D0CEE7
- D9D8EC
- E2E2F1
- ECEBF5
- F5F5FA
Shades
- 8D8AB3
- 787598
- 63617F
- 4F4D66
- 3C3B4E
- 2A2938
- 191823
- 0A090F
- 010102
Tones
- 9F9CC6
- 9C99BE
- 9896B6
- 9593AE
- 9190A7
- 8E8D9F
- 8A8997
- 87868F
- 838388
Farbharmonien
Komplementär +180°
- A39FCE
Imperial Lilac
- A9A977
≈ Cardamom
Analog -30° +30°
- A39FCE
Imperial Lilac
- 8CA7D0
≈ Placid Blue
- B898C1
≈ Atlantic Tulip
Triadisch +120° +240°
- A39FCE
Imperial Lilac
- C99980
≈ Chinook Salmon
- 7AB39E
≈ Beau Monde
Geteilt komplementär +150° +210°
- A39FCE
Imperial Lilac
- BDA175
≈ Mesa
- 90B087
≈ Pear Cactus
Tetradisch +90° +180° +270°
- A39FCE
Imperial Lilac
- CD9595
≈ Minstrel Rose
- A9A977
≈ Cardamom
- 70B3B5
≈ Dexter
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.49:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.40:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
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);
}