Benannte Farbe · #968D8C
Gourmet Mushroom
Gourmet Mushroom ist #968D8C: rgb(150 141 140), hsl(6 5% 57%), oklch(0.651 0.011 25.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gourmet Mushroom color name →
#968D8C
oklch(0.651 0.011 25.1)
Farbumrechnungen
- HEX
- #968d8c
- RGB
- rgb(150 141 140)
- HSL
- hsl(6 5% 57%)
- HWB
- hwb(6 55% 41%)
- OKLCH
- oklch(0.651 0.011 25.1)
- OKLab
- oklab(0.651 0.01 0.005)
- CIE Lab
- lab(59.41 3.32 1.8)
- LCH
- lch(59.41 3.78 28.4)
- CMYK
- cmyk(0% 6% 7% 41%)
Tints · Shades · Tones
Tints
- A09897
- AAA3A2
- B4AEAD
- BFB9B8
- C9C4C4
- D4D0CF
- DEDCDB
- E9E7E7
- F4F3F3
Shades
- 827A79
- 6E6767
- 5B5555
- 494443
- 373333
- 262323
- 161414
- 080707
- 010101
Tones
- 948C8B
- 928A8A
- 8F8988
- 8D8887
- 8B8686
- 898585
- 878484
- 848382
- 828181
Farbharmonien
Komplementär +180°
- 968D8C
Gourmet Mushroom
- 889193
≈ Blue Driftwood
Analog -30° +30°
- 968D8C
Gourmet Mushroom
- 958D90
≈ Hong Kong Mist
- 958E89
≈ Water Tower
Triadisch +120° +240°
- 968D8C
Gourmet Mushroom
- 8B918B
≈ Grey Heron
- 8C8F96
≈ Tulle Grey
Geteilt komplementär +150° +210°
- 968D8C
Gourmet Mushroom
- 89928F
≈ Sandstone Grey Green
- 899195
≈ Zodiac
Tetradisch +90° +180° +270°
- 968D8C
Gourmet Mushroom
- 8F9089
≈ Four-Wheel Grey
- 889193
≈ Blue Driftwood
- 908E96
≈ Aragonite Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.23:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.48:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--gourmet-mushroom: #968d8c;
--gourmet-mushroom-rgb: 150 141 140;
--gourmet-mushroom-oklch: oklch(0.651 0.011 25.1);
}
.element {
color: var(--gourmet-mushroom);
background-color: hsl(6 5% 57%);
border-color: oklch(0.651 0.011 25.1);
}Tailwind CSS v4
@theme {
--color-gourmet-mushroom: #968d8c;
--color-gourmet-mushroom-50: #f8f4f3;
--color-gourmet-mushroom-100: #ebe6e6;
--color-gourmet-mushroom-200: #d9d2d2;
--color-gourmet-mushroom-300: #bdb5b4;
--color-gourmet-mushroom-400: #a59c9b;
--color-gourmet-mushroom-500: #8d8482;
--color-gourmet-mushroom-600: #786f6e;
--color-gourmet-mushroom-700: #605958;
--color-gourmet-mushroom-800: #464141;
--color-gourmet-mushroom-900: #302d2c;
--color-gourmet-mushroom-950: #1d1a1a;
}SCSS
$gourmet-mushroom: #968d8c;
$gourmet-mushroom-rgb: 150, 141, 140;
$gourmet-mushroom-light: mix(#fff, $gourmet-mushroom, 20%);
$gourmet-mushroom-dark: mix(#000, $gourmet-mushroom, 20%);
.element {
color: $gourmet-mushroom;
box-shadow: 0 0 0 2px rgba($gourmet-mushroom, 0.35);
}