Benannte Farbe · #A7ADBE
Lilac Hush
Lilac Hush ist #A7ADBE: rgb(167 173 190), hsl(224 15% 70%), oklch(0.748 0.025 270.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lilac Hush color name →
#A7ADBE
oklch(0.748 0.025 270.3)
Farbumrechnungen
- HEX
- #a7adbe
- RGB
- rgb(167 173 190)
- HSL
- hsl(224 15% 70%)
- HWB
- hwb(224 65% 25%)
- OKLCH
- oklch(0.748 0.025 270.3)
- OKLab
- oklab(0.748 0 -0.025)
- CIE Lab
- lab(70.65 0.38 -9.49)
- LCH
- lch(70.65 9.5 272.3)
- CMYK
- cmyk(12% 9% 0% 25%)
Tints · Shades · Tones
Tints
- AFB5C4
- B8BDCB
- C1C5D1
- C9CDD8
- D2D5DE
- DBDEE5
- E4E6EB
- EDEEF2
- F6F7F8
Shades
- 9196A5
- 7B7F8C
- 666A75
- 52555E
- 3E4148
- 2C2D33
- 1A1B1F
- 0A0B0D
- 010102
Tones
- A3A8B8
- 9FA4B1
- 9B9FAB
- 979BA5
- 93969F
- 8F9298
- 8C8D92
- 88898C
- 848486
Farbharmonien
Komplementär +180°
- A7ADBE
Lilac Hush
- B3AD9C
≈ Gateway Pillar
Analog -30° +30°
- A7ADBE
Lilac Hush
- A0B0BC
≈ In the Blue
- B0AABB
≈ Lilac Bloom
Triadisch +120° +240°
- A7ADBE
Lilac Hush
- BDA8A4
≈ Embarrassed Shadow
- A3B2A5
≈ Montezuma Hills
Geteilt komplementär +150° +210°
- A7ADBE
Lilac Hush
- BAAA9E
≈ Crushed Stone
- ABB09E
≈ Still
Tetradisch +90° +180° +270°
- A7ADBE
Lilac Hush
- BCA7AC
≈ Pale Poppy
- B3AD9C
≈ Gateway Pillar
- 9DB3AE
≈ Easy Breezy Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.36:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--lilac-hush: #a7adbe;
--lilac-hush-rgb: 167 173 190;
--lilac-hush-oklch: oklch(0.748 0.025 270.3);
}
.element {
color: var(--lilac-hush);
background-color: hsl(224 15% 70%);
border-color: oklch(0.748 0.025 270.3);
}Tailwind CSS v4
@theme {
--color-lilac-hush: #a7adbe;
--color-lilac-hush-50: #f2f5fd;
--color-lilac-hush-100: #e5e8f1;
--color-lilac-hush-200: #d0d4df;
--color-lilac-hush-300: #b3b7c5;
--color-lilac-hush-400: #989eae;
--color-lilac-hush-500: #7f8698;
--color-lilac-hush-600: #6c7180;
--color-lilac-hush-700: #565a67;
--color-lilac-hush-800: #3f424b;
--color-lilac-hush-900: #2b2e34;
--color-lilac-hush-950: #181a20;
}SCSS
$lilac-hush: #a7adbe;
$lilac-hush-rgb: 167, 173, 190;
$lilac-hush-light: mix(#fff, $lilac-hush, 20%);
$lilac-hush-dark: mix(#000, $lilac-hush, 20%);
.element {
color: $lilac-hush;
box-shadow: 0 0 0 2px rgba($lilac-hush, 0.35);
}