Benannte Farbe · #91989D
Wolverine
Wolverine ist #91989D: rgb(145 152 157), hsl(205 6% 59%), oklch(0.676 0.011 238.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wolverine color name →
#91989D
oklch(0.676 0.011 238.6)
Farbumrechnungen
- HEX
- #91989d
- RGB
- rgb(145 152 157)
- HSL
- hsl(205 6% 59%)
- HWB
- hwb(205 57% 38%)
- OKLCH
- oklch(0.676 0.011 238.6)
- OKLab
- oklab(0.676 -0.006 -0.009)
- CIE Lab
- lab(62.38 -1.85 -3.55)
- LCH
- lch(62.38 4.01 242.5)
- CMYK
- cmyk(8% 3% 0% 38%)
Tints · Shades · Tones
Tints
- 9BA2A6
- A6ACB0
- B1B6B9
- BCC0C3
- C7CACD
- D2D5D7
- DDDFE1
- E8EAEB
- F4F4F5
Shades
- 7D8488
- 6A7073
- 585C5F
- 464A4C
- 35383A
- 252728
- 151718
- 070809
- 010101
Tones
- 8F969A
- 8E9397
- 8C9194
- 8A8E91
- 888C8E
- 878A8B
- 858789
- 838586
- 828283
Farbharmonien
Komplementär +180°
- 91989D
Wolverine
- 9C9590
≈ Elephant Cub
Analog -30° +30°
- 91989D
Wolverine
- 90999A
≈ Barometer
- 94979E
≈ Grisaille
Triadisch +120° +240°
- 91989D
Wolverine
- 9D9497
≈ Warm Asphalt
- 969890
≈ Dusky Parakeet
Geteilt komplementär +150° +210°
- 91989D
Wolverine
- 9E9593
≈ Polished Concrete
- 9A978F
≈ Worlds Away
Tetradisch +90° +180° +270°
- 91989D
Wolverine
- 9B959A
≈ Lunar Light
- 9C9590
≈ Elephant Cub
- 939993
≈ Steel Toe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.18:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--wolverine: #91989d;
--wolverine-rgb: 145 152 157;
--wolverine-oklch: oklch(0.676 0.011 238.6);
}
.element {
color: var(--wolverine);
background-color: hsl(205 6% 59%);
border-color: oklch(0.676 0.011 238.6);
}Tailwind CSS v4
@theme {
--color-wolverine: #91989d;
--color-wolverine-50: #f2f6f8;
--color-wolverine-100: #e5e8eb;
--color-wolverine-200: #d0d5d8;
--color-wolverine-300: #b3b8bc;
--color-wolverine-400: #999fa4;
--color-wolverine-500: #80878d;
--color-wolverine-600: #6c7377;
--color-wolverine-700: #565c5f;
--color-wolverine-800: #3f4346;
--color-wolverine-900: #2b2e30;
--color-wolverine-950: #191b1c;
}SCSS
$wolverine: #91989d;
$wolverine-rgb: 145, 152, 157;
$wolverine-light: mix(#fff, $wolverine, 20%);
$wolverine-dark: mix(#000, $wolverine, 20%);
.element {
color: $wolverine;
box-shadow: 0 0 0 2px rgba($wolverine, 0.35);
}