Benannte Farbe · #9F99AA
Lavender Aura
Lavender Aura ist #9F99AA: rgb(159 153 170), hsl(261 9% 63%), oklch(0.693 0.025 301.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lavender Aura color name →
#9F99AA
oklch(0.693 0.025 301.8)
Farbumrechnungen
- HEX
- #9f99aa
- RGB
- rgb(159 153 170)
- HSL
- hsl(261 9% 63%)
- HWB
- hwb(261 60% 33%)
- OKLCH
- oklch(0.693 0.025 301.8)
- OKLab
- oklab(0.693 0.013 -0.022)
- CIE Lab
- lab(64.15 4.75 -8.09)
- LCH
- lch(64.15 9.38 300.4)
- CMYK
- cmyk(6% 10% 0% 33%)
Tints · Shades · Tones
Tints
- A8A3B2
- B1ADBB
- BBB7C3
- C4C1CB
- CECBD4
- D8D5DC
- E1DFE5
- EBEAEE
- F5F4F6
Shades
- 8A8493
- 75707D
- 615D68
- 4D4A53
- 3B383F
- 29272D
- 18171B
- 09080B
- 010101
Tones
- 9C96A6
- 9994A1
- 96919D
- 928F99
- 8F8C95
- 8C8A91
- 89878C
- 868588
- 838284
Farbharmonien
Komplementär +180°
- 9F99AA
Lavender Aura
- 9A9F8E
≈ Bitter Sage
Analog -30° +30°
- 9F99AA
Lavender Aura
- 979CAD
≈ Wet Asphalt
- A697A4
≈ Windsor Haze
Triadisch +120° +240°
- 9F99AA
Lavender Aura
- A8998D
≈ Porcelain Figurines
- 8CA29D
≈ Kathleen’s Garden
Geteilt komplementär +150° +210°
- 9F99AA
Lavender Aura
- A29C8B
≈ Sacred Vortex
- 91A195
≈ Verdant Retreat
Tetradisch +90° +180° +270°
- 9F99AA
Lavender Aura
- AC9793
≈ Monkeypod
- 9A9F8E
≈ Bitter Sage
- 8BA1A6
≈ Iron Earth
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.75:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.61:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-aura: #9f99aa;
--lavender-aura-rgb: 159 153 170;
--lavender-aura-oklch: oklch(0.693 0.025 301.8);
}
.element {
color: var(--lavender-aura);
background-color: hsl(261 9% 63%);
border-color: oklch(0.693 0.025 301.8);
}Tailwind CSS v4
@theme {
--color-lavender-aura: #9f99aa;
--color-lavender-aura-50: #f6f3fb;
--color-lavender-aura-100: #e9e6ef;
--color-lavender-aura-200: #d6d2dd;
--color-lavender-aura-300: #bab4c2;
--color-lavender-aura-400: #a19bab;
--color-lavender-aura-500: #898295;
--color-lavender-aura-600: #746e7e;
--color-lavender-aura-700: #5d5865;
--color-lavender-aura-800: #43414a;
--color-lavender-aura-900: #2f2c33;
--color-lavender-aura-950: #1b1a1f;
}SCSS
$lavender-aura: #9f99aa;
$lavender-aura-rgb: 159, 153, 170;
$lavender-aura-light: mix(#fff, $lavender-aura, 20%);
$lavender-aura-dark: mix(#000, $lavender-aura, 20%);
.element {
color: $lavender-aura;
box-shadow: 0 0 0 2px rgba($lavender-aura, 0.35);
}