命名颜色 · #B0BFB6
Grey Embrace
Grey Embrace 即 #B0BFB6：rgb(176 191 182)、hsl(144 10% 72%)、oklch(0.79 0.021 159.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Grey Embrace color name →
#B0BFB6
oklch(0.79 0.021 159.6)
颜色转换
- HEX
- #b0bfb6
- RGB
- rgb(176 191 182)
- HSL
- hsl(144 10% 72%)
- HWB
- hwb(144 69% 25%)
- OKLCH
- oklch(0.79 0.021 159.6)
- OKLab
- oklab(0.79 -0.019 0.007)
- CIE Lab
- lab(75.97 -6.64 2.69)
- LCH
- lch(75.97 7.16 157.9)
- CMYK
- cmyk(8% 0% 5% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- B8C5BD
- BFCCC4
- C7D2CB
- CFD8D3
- D7DFDA
- DFE5E1
- E7EBE9
- EFF2F0
- F7F8F8
深色调
- 99A69E
- 828D86
- 6C756F
- 565E59
- 424844
- 2E3330
- 1C1F1D
- 0B0D0C
- 010202
灰色调
- ABB9B0
- A6B2AB
- A1ACA5
- 9DA5A0
- 989F9B
- 939995
- 8E9290
- 898C8B
- 858685
配色和谐
互补色 +180°
- B0BFB6
Grey Embrace
- C4B6BF
≈ Lavender Sand
类似色 -30° +30°
- B0BFB6
Grey Embrace
- B6BEB0
≈ Kahili
- ACBFBD
≈ Morning Parlour
三角配色 +120° +240°
- B0BFB6
Grey Embrace
- B8BAC8
≈ Silverado Trail
- C7B7B1
≈ Grey Rose
分裂互补色 +150° +210°
- B0BFB6
Grey Embrace
- BFB7C5
≈ Pocketful of Posies
- C7B6B8
≈ Studio Mauve
四角配色 +90° +180° +270°
- B0BFB6
Grey Embrace
- B1BCC8
≈ Spirit
- C4B6BF
≈ Lavender Sand
- C4B9AD
≈ Luxe Grey
对比度与无障碍
Ag
Fail白底
WCAG 1.91:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.97:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--grey-embrace: #b0bfb6;
--grey-embrace-rgb: 176 191 182;
--grey-embrace-oklch: oklch(0.79 0.021 159.6);
}
.element {
color: var(--grey-embrace);
background-color: hsl(144 10% 72%);
border-color: oklch(0.79 0.021 159.6);
}Tailwind CSS v4
@theme {
--color-grey-embrace: #b0bfb6;
--color-grey-embrace-50: #f0f7f3;
--color-grey-embrace-100: #e2eae6;
--color-grey-embrace-200: #cdd7d1;
--color-grey-embrace-300: #afbbb4;
--color-grey-embrace-400: #95a29a;
--color-grey-embrace-500: #7b8b81;
--color-grey-embrace-600: #68756d;
--color-grey-embrace-700: #535e58;
--color-grey-embrace-800: #3d4540;
--color-grey-embrace-900: #2a2f2c;
--color-grey-embrace-950: #171c19;
}SCSS
$grey-embrace: #b0bfb6;
$grey-embrace-rgb: 176, 191, 182;
$grey-embrace-light: mix(#fff, $grey-embrace, 20%);
$grey-embrace-dark: mix(#000, $grey-embrace, 20%);
.element {
color: $grey-embrace;
box-shadow: 0 0 0 2px rgba($grey-embrace, 0.35);
}