命名颜色 · #BEBFB2
Austere Grey
Austere Grey 即 #BEBFB2：rgb(190 191 178)、hsl(65 9% 72%)、oklch(0.8 0.018 110.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Austere Grey color name →
#BEBFB2
oklch(0.8 0.018 110.4)
颜色转换
- HEX
- #bebfb2
- RGB
- rgb(190 191 178)
- HSL
- hsl(65 9% 72%)
- HWB
- hwb(65 70% 25%)
- OKLCH
- oklch(0.8 0.018 110.4)
- OKLab
- oklab(0.8 -0.006 0.017)
- CIE Lab
- lab(76.98 -2.1 6.46)
- LCH
- lch(76.98 6.79 108)
- CMYK
- cmyk(1% 0% 7% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C4C5B9
- CBCCC1
- D1D2C9
- D8D8D0
- DEDFD8
- E5E5E0
- EBEBE7
- F2F2EF
- F8F8F7
深色调
- A5A69A
- 8C8D83
- 75756D
- 5E5E57
- 484843
- 33332F
- 1F1F1D
- 0D0D0C
- 020201
灰色调
- B8B9AD
- B1B2A8
- ABACA3
- A5A59E
- 9E9F99
- 989994
- 92928F
- 8C8C8A
- 868685
配色和谐
互补色 +180°
- BEBFB2
Austere Grey
- BDBCC9
≈ Silverberry
类似色 -30° +30°
- BEBFB2
Austere Grey
- C4BDB1
≈ Heifer
- B8C1B6
≈ Pumice
三角配色 +120° +240°
- BEBFB2
Austere Grey
- B3C0C7
≈ Winter Wonderland
- C7B9BF
≈ Hazy Iris
分裂互补色 +150° +210°
- BEBFB2
Austere Grey
- B7BECA
≈ Kinder
- C3BAC5
≈ Pocketful of Posies
四角配色 +90° +180° +270°
- BEBFB2
Austere Grey
- B1C1C2
≈ Degas Blue
- BDBCC9
≈ Silverberry
- C9B9B9
≈ Studio Mauve
对比度与无障碍
Ag
Fail白底
WCAG 1.86:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.28:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--austere-grey: #bebfb2;
--austere-grey-rgb: 190 191 178;
--austere-grey-oklch: oklch(0.8 0.018 110.4);
}
.element {
color: var(--austere-grey);
background-color: hsl(65 9% 72%);
border-color: oklch(0.8 0.018 110.4);
}Tailwind CSS v4
@theme {
--color-austere-grey: #bebfb2;
--color-austere-grey-50: #f5f6f0;
--color-austere-grey-100: #e8e9e2;
--color-austere-grey-200: #d4d5cc;
--color-austere-grey-300: #b7b8ae;
--color-austere-grey-400: #9fa094;
--color-austere-grey-500: #86877a;
--color-austere-grey-600: #727367;
--color-austere-grey-700: #5b5c53;
--color-austere-grey-800: #43433c;
--color-austere-grey-900: #2e2e29;
--color-austere-grey-950: #1b1b17;
}SCSS
$austere-grey: #bebfb2;
$austere-grey-rgb: 190, 191, 178;
$austere-grey-light: mix(#fff, $austere-grey, 20%);
$austere-grey-dark: mix(#000, $austere-grey, 20%);
.element {
color: $austere-grey;
box-shadow: 0 0 0 2px rgba($austere-grey, 0.35);
}