命名颜色 · #B7B2C2
Evening Haze
Evening Haze 即 #B7B2C2：rgb(183 178 194)、hsl(259 12% 73%)、oklch(0.773 0.023 300.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Evening Haze color name →
#B7B2C2
oklch(0.773 0.023 300.1)
颜色转换
- HEX
- #b7b2c2
- RGB
- rgb(183 178 194)
- HSL
- hsl(259 12% 73%)
- HWB
- hwb(259 70% 24%)
- OKLCH
- oklch(0.773 0.023 300.1)
- OKLab
- oklab(0.773 0.012 -0.02)
- CIE Lab
- lab(73.36 4.11 -7.5)
- LCH
- lch(73.36 8.55 298.7)
- CMYK
- cmyk(6% 8% 0% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- BEB9C8
- C5C1CE
- CCC9D4
- D3D0DA
- DAD8E0
- E2E0E6
- E9E7EC
- F0EFF3
- F8F7F9
深色调
- 9F9AA8
- 87838F
- 706D77
- 5A5760
- 454349
- 312F34
- 1E1D20
- 0C0C0E
- 020102
灰色调
- B1ADBB
- ACA8B4
- A6A3AE
- A19EA7
- 9B99A0
- 96949A
- 908F93
- 8B8A8D
- 858586
配色和谐
互补色 +180°
- B7B2C2
Evening Haze
- B3B7A7
≈ Antique Coin
类似色 -30° +30°
- B7B2C2
Evening Haze
- AFB5C4
≈ Spacious Sky
- BEB0BC
≈ Velvet Dawn
三角配色 +120° +240°
- B7B2C2
Evening Haze
- C1B2A7
≈ Smokestack
- A6BAB5
≈ Lucinda
分裂互补色 +150° +210°
- B7B2C2
Evening Haze
- BBB5A5
≈ Wells Grey
- ABB9AD
≈ Quiet Teal
四角配色 +90° +180° +270°
- B7B2C2
Evening Haze
- C3B0AC
≈ Versailles Rose
- B3B7A7
≈ Antique Coin
- A5B9BD
≈ Hopeful Blue
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.16:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--evening-haze: #b7b2c2;
--evening-haze-rgb: 183 178 194;
--evening-haze-oklch: oklch(0.773 0.023 300.1);
}
.element {
color: var(--evening-haze);
background-color: hsl(259 12% 73%);
border-color: oklch(0.773 0.023 300.1);
}Tailwind CSS v4
@theme {
--color-evening-haze: #b7b2c2;
--color-evening-haze-50: #f6f4fb;
--color-evening-haze-100: #e9e6ee;
--color-evening-haze-200: #d6d2dd;
--color-evening-haze-300: #b9b5c2;
--color-evening-haze-400: #a09caa;
--color-evening-haze-500: #888394;
--color-evening-haze-600: #736f7d;
--color-evening-haze-700: #5c5964;
--color-evening-haze-800: #43414a;
--color-evening-haze-900: #2e2d33;
--color-evening-haze-950: #1b1a1f;
}SCSS
$evening-haze: #b7b2c2;
$evening-haze-rgb: 183, 178, 194;
$evening-haze-light: mix(#fff, $evening-haze, 20%);
$evening-haze-dark: mix(#000, $evening-haze, 20%);
.element {
color: $evening-haze;
box-shadow: 0 0 0 2px rgba($evening-haze, 0.35);
}