Benannte Farbe · #C0B6B4
Queen Anne Lilac
Queen Anne Lilac ist #C0B6B4: rgb(192 182 180), hsl(10 9% 73%), oklch(0.784 0.012 31.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Queen Anne Lilac color name →
#C0B6B4
oklch(0.784 0.012 31.1)
Farbumrechnungen
- HEX
- #c0b6b4
- RGB
- rgb(192 182 180)
- HSL
- hsl(10 9% 73%)
- HWB
- hwb(10 71% 25%)
- OKLCH
- oklch(0.784 0.012 31.1)
- OKLab
- oklab(0.784 0.01 0.006)
- CIE Lab
- lab(74.84 3.4 2.36)
- LCH
- lch(74.84 4.14 34.7)
- CMYK
- cmyk(0% 5% 6% 25%)
Tints · Shades · Tones
Tints
- C6BDBB
- CCC4C3
- D3CBCA
- D9D3D1
- DFDAD9
- E5E1E0
- ECE9E8
- F2F0F0
- F9F8F7
Shades
- A79E9C
- 8E8685
- 766F6E
- 5F5958
- 494444
- 343030
- 201D1D
- 0E0C0C
- 020202
Tones
- B9B0AF
- B3ABA9
- ACA5A4
- A6A09F
- 9F9B9A
- 999594
- 93908F
- 8C8B8A
- 868585
Farbharmonien
Komplementär +180°
- C0B6B4
Queen Anne Lilac
- B1BBBD
≈ Crestline
Analog -30° +30°
- C0B6B4
Queen Anne Lilac
- C0B6B8
≈ Queen Anne Lilac
- BEB7B1
≈ Rampart
Triadisch +120° +240°
- C0B6B4
Queen Anne Lilac
- B3BBB5
≈ Loblolly
- B6B8C0
≈ Dolphin at Play
Geteilt komplementär +150° +210°
- C0B6B4
Queen Anne Lilac
- B1BBB9
≈ Loblolly
- B2BAC0
≈ Granite Fog
Tetradisch +90° +180° +270°
- C0B6B4
Queen Anne Lilac
- B7BAB2
≈ Keystone Grey
- B1BBBD
≈ Crestline
- BAB7BF
≈ Best in Show
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.59:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--queen-anne-lilac: #c0b6b4;
--queen-anne-lilac-rgb: 192 182 180;
--queen-anne-lilac-oklch: oklch(0.784 0.012 31.1);
}
.element {
color: var(--queen-anne-lilac);
background-color: hsl(10 9% 73%);
border-color: oklch(0.784 0.012 31.1);
}Tailwind CSS v4
@theme {
--color-queen-anne-lilac: #c0b6b4;
--color-queen-anne-lilac-50: #f8f4f3;
--color-queen-anne-lilac-100: #ece6e5;
--color-queen-anne-lilac-200: #d9d2d1;
--color-queen-anne-lilac-300: #bdb5b3;
--color-queen-anne-lilac-400: #a59c9a;
--color-queen-anne-lilac-500: #8e8381;
--color-queen-anne-lilac-600: #786f6e;
--color-queen-anne-lilac-700: #605958;
--color-queen-anne-lilac-800: #464140;
--color-queen-anne-lilac-900: #312d2c;
--color-queen-anne-lilac-950: #1d1a19;
}SCSS
$queen-anne-lilac: #c0b6b4;
$queen-anne-lilac-rgb: 192, 182, 180;
$queen-anne-lilac-light: mix(#fff, $queen-anne-lilac, 20%);
$queen-anne-lilac-dark: mix(#000, $queen-anne-lilac, 20%);
.element {
color: $queen-anne-lilac;
box-shadow: 0 0 0 2px rgba($queen-anne-lilac, 0.35);
}