Benannte Farbe · #B9BABD
Quiet Grey
Quiet Grey ist #B9BABD: rgb(185 186 189), hsl(225 3% 73%), oklch(0.789 0.004 271.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Quiet Grey color name →
#B9BABD
oklch(0.789 0.004 271.4)
Farbumrechnungen
- HEX
- #b9babd
- RGB
- rgb(185 186 189)
- HSL
- hsl(225 3% 73%)
- HWB
- hwb(225 73% 26%)
- OKLCH
- oklch(0.789 0.004 271.4)
- OKLab
- oklab(0.789 0 -0.004)
- CIE Lab
- lab(75.5 0.06 -1.65)
- LCH
- lch(75.5 1.65 272)
- CMYK
- cmyk(2% 2% 0% 26%)
Tints · Shades · Tones
Tints
- C0C1C3
- C7C7CA
- CECED0
- D4D5D7
- DBDCDE
- E2E3E4
- EAEAEB
- F1F1F2
- F8F8F8
Shades
- A0A1A4
- 89898C
- 717274
- 5B5C5D
- 464647
- 313233
- 1E1E1F
- 0D0D0D
- 020202
Tones
- B3B4B7
- ADAEB0
- A8A8AA
- A2A2A4
- 9C9D9E
- 969798
- 919192
- 8B8B8C
- 868686
Farbharmonien
Komplementär +180°
- B9BABD
Quiet Grey
- BBBAB7
≈ March Wind
Analog -30° +30°
- B9BABD
Quiet Grey
- B8BBBD
≈ Oyster Mushroom
- BAB9BD
≈ Quiet Grey
Triadisch +120° +240°
- B9BABD
Quiet Grey
- BDB9B8
≈ Fashionable Grey
- B8BBB9
≈ Marseilles
Geteilt komplementär +150° +210°
- B9BABD
Quiet Grey
- BCBAB7
≈ March Wind
- BABBB8
≈ Quiet Time
Tetradisch +90° +180° +270°
- B9BABD
Quiet Grey
- BDB9BA
≈ Fashionable Grey
- BBBAB7
≈ March Wind
- B7BBBA
≈ Marseilles
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.82:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-grey: #b9babd;
--quiet-grey-rgb: 185 186 189;
--quiet-grey-oklch: oklch(0.789 0.004 271.4);
}
.element {
color: var(--quiet-grey);
background-color: hsl(225 3% 73%);
border-color: oklch(0.789 0.004 271.4);
}Tailwind CSS v4
@theme {
--color-quiet-grey: #b9babd;
--color-quiet-grey-50: #f5f5f6;
--color-quiet-grey-100: #e7e8e9;
--color-quiet-grey-200: #d3d4d6;
--color-quiet-grey-300: #b6b7ba;
--color-quiet-grey-400: #9d9ea1;
--color-quiet-grey-500: #858689;
--color-quiet-grey-600: #717174;
--color-quiet-grey-700: #5a5b5d;
--color-quiet-grey-800: #424244;
--color-quiet-grey-900: #2d2e2f;
--color-quiet-grey-950: #1a1b1b;
}SCSS
$quiet-grey: #b9babd;
$quiet-grey-rgb: 185, 186, 189;
$quiet-grey-light: mix(#fff, $quiet-grey, 20%);
$quiet-grey-dark: mix(#000, $quiet-grey, 20%);
.element {
color: $quiet-grey;
box-shadow: 0 0 0 2px rgba($quiet-grey, 0.35);
}