Benannte Farbe · #A9A694
Lich Grey
Lich Grey ist #A9A694: rgb(169 166 148), hsl(51 11% 62%), oklch(0.723 0.026 99.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lich Grey color name →
#A9A694
oklch(0.723 0.026 99.2)
Farbumrechnungen
- HEX
- #a9a694
- RGB
- rgb(169 166 148)
- HSL
- hsl(51 11% 62%)
- HWB
- hwb(51 58% 34%)
- OKLCH
- oklch(0.723 0.026 99.2)
- OKLab
- oklab(0.723 -0.004 0.025)
- CIE Lab
- lab(67.99 -1.25 9.77)
- LCH
- lch(67.99 9.85 97.3)
- CMYK
- cmyk(0% 2% 12% 34%)
Tints · Shades · Tones
Tints
- B1AF9E
- BAB7A9
- C2C0B3
- CBC9BE
- D3D2C8
- DCDBD3
- E5E4DE
- EDEDE9
- F6F6F4
Shades
- 929080
- 7C7A6D
- 67655A
- 535148
- 3F3E36
- 2C2B26
- 1B1A16
- 0A0A08
- 010101
Tones
- A5A292
- A19E90
- 9C9A8E
- 98978C
- 94938A
- 908F88
- 8C8B86
- 888784
- 848482
Farbharmonien
Komplementär +180°
- A9A694
Lich Grey
- A2A4B6
≈ Curated Lilac
Analog -30° +30°
- A9A694
Lich Grey
- B0A395
≈ Natural Stone
- A0A998
≈ Moss Agate
Triadisch +120° +240°
- A9A694
Lich Grey
- 94AAB0
≈ Meditative
- B19FAB
≈ Symbolic
Geteilt komplementär +150° +210°
- A9A694
Lich Grey
- 9AA7B5
≈ Acier Tint
- AAA1B2
≈ Grapeade
Tetradisch +90° +180° +270°
- A9A694
Lich Grey
- 94ABA9
≈ Grey Mist
- A2A4B6
≈ Curated Lilac
- B59FA2
≈ Subtle Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.56:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--lich-grey: #a9a694;
--lich-grey-rgb: 169 166 148;
--lich-grey-oklch: oklch(0.723 0.026 99.2);
}
.element {
color: var(--lich-grey);
background-color: hsl(51 11% 62%);
border-color: oklch(0.723 0.026 99.2);
}Tailwind CSS v4
@theme {
--color-lich-grey: #a9a694;
--color-lich-grey-50: #f6f5ed;
--color-lich-grey-100: #e9e8df;
--color-lich-grey-200: #d6d5c9;
--color-lich-grey-300: #bab8a9;
--color-lich-grey-400: #a29f8e;
--color-lich-grey-500: #8a8774;
--color-lich-grey-600: #757262;
--color-lich-grey-700: #5d5b4e;
--color-lich-grey-800: #454339;
--color-lich-grey-900: #2f2e27;
--color-lich-grey-950: #1c1b15;
}SCSS
$lich-grey: #a9a694;
$lich-grey-rgb: 169, 166, 148;
$lich-grey-light: mix(#fff, $lich-grey, 20%);
$lich-grey-dark: mix(#000, $lich-grey, 20%);
.element {
color: $lich-grey;
box-shadow: 0 0 0 2px rgba($lich-grey, 0.35);
}