命名颜色 · #91989D
Wolverine
Wolverine 即 #91989D：rgb(145 152 157)、hsl(205 6% 59%)、oklch(0.676 0.011 238.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Wolverine color name →
#91989D
oklch(0.676 0.011 238.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 9BA2A6
- A6ACB0
- B1B6B9
- BCC0C3
- C7CACD
- D2D5D7
- DDDFE1
- E8EAEB
- F4F4F5
深色调
- 7D8488
- 6A7073
- 585C5F
- 464A4C
- 35383A
- 252728
- 151718
- 070809
- 010101
灰色调
- 8F969A
- 8E9397
- 8C9194
- 8A8E91
- 888C8E
- 878A8B
- 858789
- 838586
- 828283
配色和谐
互补色 +180°
- 91989D
Wolverine
- 9C9590
≈ Elephant Cub
类似色 -30° +30°
- 91989D
Wolverine
- 90999A
≈ Barometer
- 94979E
≈ Grisaille
三角配色 +120° +240°
- 91989D
Wolverine
- 9D9497
≈ Warm Asphalt
- 969890
≈ Dusky Parakeet
分裂互补色 +150° +210°
- 91989D
Wolverine
- 9E9593
≈ Polished Concrete
- 9A978F
≈ Worlds Away
四角配色 +90° +180° +270°
- 91989D
Wolverine
- 9B959A
≈ Lunar Light
- 9C9590
≈ Elephant Cub
- 939993
≈ Steel Toe
对比度与无障碍
Ag
Fail白底
WCAG 2.92:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.18:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
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);
}