Color con nombre · #BEBFB2
Austere Grey
Austere Grey es #BEBFB2: rgb(190 191 178), hsl(65 9% 72%), oklch(0.8 0.018 110.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Austere Grey color name →
#BEBFB2
oklch(0.8 0.018 110.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- C4C5B9
- CBCCC1
- D1D2C9
- D8D8D0
- DEDFD8
- E5E5E0
- EBEBE7
- F2F2EF
- F8F8F7
Sombras
- A5A69A
- 8C8D83
- 75756D
- 5E5E57
- 484843
- 33332F
- 1F1F1D
- 0D0D0C
- 020201
Tonos
- B8B9AD
- B1B2A8
- ABACA3
- A5A59E
- 9E9F99
- 989994
- 92928F
- 8C8C8A
- 868685
Armonías de color
Complementario +180°
- BEBFB2
Austere Grey
- BDBCC9
≈ Silverberry
Análogo -30° +30°
- BEBFB2
Austere Grey
- C4BDB1
≈ Heifer
- B8C1B6
≈ Pumice
Triádico +120° +240°
- BEBFB2
Austere Grey
- B3C0C7
≈ Winter Wonderland
- C7B9BF
≈ Hazy Iris
Complementario dividido +150° +210°
- BEBFB2
Austere Grey
- B7BECA
≈ Kinder
- C3BAC5
≈ Pocketful of Posies
Tetrádico +90° +180° +270°
- BEBFB2
Austere Grey
- B1C1C2
≈ Degas Blue
- BDBCC9
≈ Silverberry
- C9B9B9
≈ Studio Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.28:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
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);
}