Benannte Farbe · #B8B4B6
Silver Bells
Silver Bells ist #B8B4B6: rgb(184 180 182), hsl(330 3% 71%), oklch(0.774 0.005 345.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Silver Bells color name →
#B8B4B6
oklch(0.774 0.005 345.3)
Farbumrechnungen
- HEX
- #b8b4b6
- RGB
- rgb(184 180 182)
- HSL
- hsl(330 3% 71%)
- HWB
- hwb(330 71% 28%)
- OKLCH
- oklch(0.774 0.005 345.3)
- OKLab
- oklab(0.774 0.005 -0.001)
- CIE Lab
- lab(73.69 1.74 -0.49)
- LCH
- lch(73.69 1.81 344.1)
- CMYK
- cmyk(0% 2% 1% 28%)
Tints · Shades · Tones
Tints
- BFBBBD
- C6C3C4
- CDCACB
- D4D1D3
- DBD9DA
- E2E0E1
- E9E8E9
- F0F0F0
- F8F7F7
Shades
- A09C9E
- 888586
- 716E6F
- 5B5859
- 454444
- 313030
- 1E1D1D
- 0C0C0C
- 020202
Tones
- B2AFB0
- ADA9AB
- A7A4A5
- A19FA0
- 9C9A9B
- 969495
- 908F90
- 8B8A8B
- 858585
Farbharmonien
Komplementär +180°
- B8B4B6
Silver Bells
- B2B6B4
≈ Online
Analog -30° +30°
- B8B4B6
Silver Bells
- B7B4B8
≈ Silver Bullet
- B9B4B4
≈ Silver Bells
Triadisch +120° +240°
- B8B4B6
Silver Bells
- B6B6B2
≈ Mud Pots
- B2B6B8
≈ Wolfram
Geteilt komplementär +150° +210°
- B8B4B6
Silver Bells
- B4B6B3
≈ Mud Pots
- B2B6B6
≈ Online
Tetradisch +90° +180° +270°
- B8B4B6
Silver Bells
- B7B5B2
≈ Kitty Whiskers
- B2B6B4
≈ Online
- B3B6B9
≈ Wolfram
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.05:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.24:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--silver-bells: #b8b4b6;
--silver-bells-rgb: 184 180 182;
--silver-bells-oklch: oklch(0.774 0.005 345.3);
}
.element {
color: var(--silver-bells);
background-color: hsl(330 3% 71%);
border-color: oklch(0.774 0.005 345.3);
}Tailwind CSS v4
@theme {
--color-silver-bells: #b8b4b6;
--color-silver-bells-50: #f6f4f5;
--color-silver-bells-100: #e9e7e8;
--color-silver-bells-200: #d6d3d4;
--color-silver-bells-300: #b9b6b8;
--color-silver-bells-400: #a19d9f;
--color-silver-bells-500: #898587;
--color-silver-bells-600: #747072;
--color-silver-bells-700: #5d5a5b;
--color-silver-bells-800: #444243;
--color-silver-bells-900: #2f2d2e;
--color-silver-bells-950: #1b1a1b;
}SCSS
$silver-bells: #b8b4b6;
$silver-bells-rgb: 184, 180, 182;
$silver-bells-light: mix(#fff, $silver-bells, 20%);
$silver-bells-dark: mix(#000, $silver-bells, 20%);
.element {
color: $silver-bells;
box-shadow: 0 0 0 2px rgba($silver-bells, 0.35);
}