Benoemde kleur · #BEBFB2
Austere Grey
Austere Grey is #BEBFB2: rgb(190 191 178), hsl(65 9% 72%), oklch(0.8 0.018 110.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Austere Grey color name →
#BEBFB2
oklch(0.8 0.018 110.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C4C5B9
- CBCCC1
- D1D2C9
- D8D8D0
- DEDFD8
- E5E5E0
- EBEBE7
- F2F2EF
- F8F8F7
Schaduwen
- A5A69A
- 8C8D83
- 75756D
- 5E5E57
- 484843
- 33332F
- 1F1F1D
- 0D0D0C
- 020201
Tonen
- B8B9AD
- B1B2A8
- ABACA3
- A5A59E
- 9E9F99
- 989994
- 92928F
- 8C8C8A
- 868685
Kleurharmonieën
Complementair +180°
- BEBFB2
Austere Grey
- BDBCC9
≈ Silverberry
Analoog -30° +30°
- BEBFB2
Austere Grey
- C4BDB1
≈ Heifer
- B8C1B6
≈ Pumice
Triadisch +120° +240°
- BEBFB2
Austere Grey
- B3C0C7
≈ Winter Wonderland
- C7B9BF
≈ Hazy Iris
Gesplitst complementair +150° +210°
- BEBFB2
Austere Grey
- B7BECA
≈ Kinder
- C3BAC5
≈ Pocketful of Posies
Tetradisch +90° +180° +270°
- BEBFB2
Austere Grey
- B1C1C2
≈ Degas Blue
- BDBCC9
≈ Silverberry
- C9B9B9
≈ Studio Mauve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOp zwart
WCAG 11.28:1 · APCA Lc 67
Beste tekstkleur: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Codefragmenten
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);
}