Benannte Farbe · #A09F9C
Mountain Mist
Mountain Mist ist #A09F9C: rgb(160 159 156), hsl(45 2% 62%), oklch(0.702 0.004 91.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mountain Mist color name →
#A09F9C
oklch(0.702 0.004 91.5)
Farbumrechnungen
- HEX
- #a09f9c
- RGB
- rgb(160 159 156)
- HSL
- hsl(45 2% 62%)
- HWB
- hwb(45 61% 37%)
- OKLCH
- oklch(0.702 0.004 91.5)
- OKLab
- oklab(0.702 0 0.004)
- CIE Lab
- lab(65.51 -0.05 1.7)
- LCH
- lch(65.51 1.7 91.6)
- CMYK
- cmyk(0% 1% 2% 37%)
Tints · Shades · Tones
Tints
- A9A8A5
- B2B2AF
- BCBBB9
- C5C4C3
- CECECC
- D8D8D6
- E2E1E0
- EBEBEA
- F5F5F5
Shades
- 8B8A87
- 767573
- 61615F
- 4E4D4C
- 3B3B39
- 292928
- 191818
- 090909
- 010101
Tones
- 9D9C99
- 999996
- 969693
- 939291
- 908F8E
- 8D8C8B
- 898988
- 868686
- 838383
Farbharmonien
Komplementär +180°
- A09F9C
Mountain Mist
- 9E9FA2
≈ Cold Grey
Analog -30° +30°
- A09F9C
Mountain Mist
- A19E9C
≈ Mountain Mist
- 9FA09C
≈ Gateway Grey
Triadisch +120° +240°
- A09F9C
Mountain Mist
- 9CA0A1
≈ Tank Head
- A19EA0
≈ Cold Grey
Geteilt komplementär +150° +210°
- A09F9C
Mountain Mist
- 9D9FA2
≈ Aegean Splendour
- 9F9EA1
≈ Cold Grey
Tetradisch +90° +180° +270°
- A09F9C
Mountain Mist
- 9CA09F
≈ Mortar Grey
- 9E9FA2
≈ Cold Grey
- A29E9F
≈ Equilibrium
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-mist: #a09f9c;
--mountain-mist-rgb: 160 159 156;
--mountain-mist-oklch: oklch(0.702 0.004 91.5);
}
.element {
color: var(--mountain-mist);
background-color: hsl(45 2% 62%);
border-color: oklch(0.702 0.004 91.5);
}Tailwind CSS v4
@theme {
--color-mountain-mist: #a09f9c;
--color-mountain-mist-50: #f5f5f4;
--color-mountain-mist-100: #e8e8e6;
--color-mountain-mist-200: #d5d4d2;
--color-mountain-mist-300: #b8b7b5;
--color-mountain-mist-400: #9f9e9b;
--color-mountain-mist-500: #878683;
--color-mountain-mist-600: #72716f;
--color-mountain-mist-700: #5b5b59;
--color-mountain-mist-800: #434241;
--color-mountain-mist-900: #2e2e2c;
--color-mountain-mist-950: #1b1b1a;
}SCSS
$mountain-mist: #a09f9c;
$mountain-mist-rgb: 160, 159, 156;
$mountain-mist-light: mix(#fff, $mountain-mist, 20%);
$mountain-mist-dark: mix(#000, $mountain-mist, 20%);
.element {
color: $mountain-mist;
box-shadow: 0 0 0 2px rgba($mountain-mist, 0.35);
}