Benannte Farbe · #9A93A9
Lilac Blossom
Lilac Blossom ist #9A93A9: rgb(154 147 169), hsl(259 11% 62%), oklch(0.676 0.033 300). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lilac Blossom color name →
#9A93A9
oklch(0.676 0.033 300)
Farbumrechnungen
- HEX
- #9a93a9
- RGB
- rgb(154 147 169)
- HSL
- hsl(259 11% 62%)
- HWB
- hwb(259 58% 34%)
- OKLCH
- oklch(0.676 0.033 300)
- OKLab
- oklab(0.676 0.016 -0.029)
- CIE Lab
- lab(62.09 5.93 -10.62)
- LCH
- lch(62.09 12.17 299.2)
- CMYK
- cmyk(9% 13% 0% 34%)
Tints · Shades · Tones
Tints
- A49DB1
- ADA8BA
- B7B2C2
- C1BDCB
- CBC8D3
- D5D3DC
- E0DEE5
- EAE9ED
- F4F4F6
Shades
- 857F92
- 716C7C
- 5E5967
- 4B4753
- 39363F
- 27252C
- 17161B
- 09080A
- 010101
Tones
- 9791A5
- 958FA1
- 928D9D
- 8F8B98
- 8D8A94
- 8A8890
- 88868C
- 858488
- 838284
Farbharmonien
Komplementär +180°
- 9A93A9
Lilac Blossom
- 949B84
≈ Leek Green
Analog -30° +30°
- 9A93A9
Lilac Blossom
- 8F97AC
≈ Silverfish
- A390A1
≈ Fields of Provence
Triadisch +120° +240°
- 9A93A9
Lilac Blossom
- A79383
≈ Lap Dog
- 829E98
≈ Blue Surf
Geteilt komplementär +150° +210°
- 9A93A9
Lilac Blossom
- 9F9781
≈ Good Earth
- 899D8D
≈ Mossleaf
Tetradisch +90° +180° +270°
- 9A93A9
Lilac Blossom
- AB908B
≈ Ash Hollow
- 949B84
≈ Leek Green
- 809DA2
≈ Laid-Back Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.12:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--lilac-blossom: #9a93a9;
--lilac-blossom-rgb: 154 147 169;
--lilac-blossom-oklch: oklch(0.676 0.033 300);
}
.element {
color: var(--lilac-blossom);
background-color: hsl(259 11% 62%);
border-color: oklch(0.676 0.033 300);
}Tailwind CSS v4
@theme {
--color-lilac-blossom: #9a93a9;
--color-lilac-blossom-50: #f7f3fd;
--color-lilac-blossom-100: #eae5f1;
--color-lilac-blossom-200: #d7d1e0;
--color-lilac-blossom-300: #bab4c6;
--color-lilac-blossom-400: #a19aaf;
--color-lilac-blossom-500: #898299;
--color-lilac-blossom-600: #746e82;
--color-lilac-blossom-700: #5d5868;
--color-lilac-blossom-800: #44404d;
--color-lilac-blossom-900: #2f2c35;
--color-lilac-blossom-950: #1b1920;
}SCSS
$lilac-blossom: #9a93a9;
$lilac-blossom-rgb: 154, 147, 169;
$lilac-blossom-light: mix(#fff, $lilac-blossom, 20%);
$lilac-blossom-dark: mix(#000, $lilac-blossom, 20%);
.element {
color: $lilac-blossom;
box-shadow: 0 0 0 2px rgba($lilac-blossom, 0.35);
}