Benannte Farbe · #8E877F
Mountain Smoke
Mountain Smoke ist #8E877F: rgb(142 135 127), hsl(32 6% 53%), oklch(0.627 0.015 71.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mountain Smoke color name →
#8E877F
oklch(0.627 0.015 71.2)
Farbumrechnungen
- HEX
- #8e877f
- RGB
- rgb(142 135 127)
- HSL
- hsl(32 6% 53%)
- HWB
- hwb(32 50% 44%)
- OKLCH
- oklch(0.627 0.015 71.2)
- OKLab
- oklab(0.627 0.005 0.014)
- CIE Lab
- lab(56.76 1.62 5.3)
- LCH
- lch(56.76 5.55 73)
- CMYK
- cmyk(0% 5% 11% 44%)
Tints · Shades · Tones
Tints
- 99928B
- A49E97
- AFAAA4
- BAB5B0
- C5C1BD
- D0CDCA
- DCDAD7
- E7E6E4
- F3F2F2
Shades
- 7B756E
- 68635D
- 56514C
- 44413C
- 34312D
- 24211F
- 151311
- 070606
- 010101
Tones
- 8D867F
- 8B867F
- 8A857F
- 88847F
- 878480
- 868380
- 848280
- 838180
- 818180
Farbharmonien
Komplementär +180°
- 8E877F
Mountain Smoke
- 828991
≈ Grey Heather
Analog -30° +30°
- 8E877F
Mountain Smoke
- 908682
≈ Mine Rock
- 8A897F
≈ Concrete Sidewalk
Triadisch +120° +240°
- 8E877F
Mountain Smoke
- 7F8B8A
≈ Seastone
- 8B868F
≈ Box Office
Geteilt komplementär +150° +210°
- 8E877F
Mountain Smoke
- 7F8A8F
≈ Necron Compound
- 868791
≈ Grey Heather
Tetradisch +90° +180° +270°
- 8E877F
Mountain Smoke
- 818B85
≈ Valley Hills
- 828991
≈ Grey Heather
- 8F858B
≈ Plate Mail Metal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.54:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.92:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-smoke: #8e877f;
--mountain-smoke-rgb: 142 135 127;
--mountain-smoke-oklch: oklch(0.627 0.015 71.2);
}
.element {
color: var(--mountain-smoke);
background-color: hsl(32 6% 53%);
border-color: oklch(0.627 0.015 71.2);
}Tailwind CSS v4
@theme {
--color-mountain-smoke: #8e877f;
--color-mountain-smoke-50: #f8f4f1;
--color-mountain-smoke-100: #ebe7e3;
--color-mountain-smoke-200: #d8d3ce;
--color-mountain-smoke-300: #bcb6af;
--color-mountain-smoke-400: #a49d95;
--color-mountain-smoke-500: #8c857c;
--color-mountain-smoke-600: #777069;
--color-mountain-smoke-700: #5f5a54;
--color-mountain-smoke-800: #46423d;
--color-mountain-smoke-900: #302d2a;
--color-mountain-smoke-950: #1d1a18;
}SCSS
$mountain-smoke: #8e877f;
$mountain-smoke-rgb: 142, 135, 127;
$mountain-smoke-light: mix(#fff, $mountain-smoke, 20%);
$mountain-smoke-dark: mix(#000, $mountain-smoke, 20%);
.element {
color: $mountain-smoke;
box-shadow: 0 0 0 2px rgba($mountain-smoke, 0.35);
}