Warna bernama · #B8B4B6
Silver Bells
Silver Bells adalah #B8B4B6: rgb(184 180 182), hsl(330 3% 71%), oklch(0.774 0.005 345.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Silver Bells color name →
#B8B4B6
oklch(0.774 0.005 345.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- BFBBBD
- C6C3C4
- CDCACB
- D4D1D3
- DBD9DA
- E2E0E1
- E9E8E9
- F0F0F0
- F8F7F7
Shade
- A09C9E
- 888586
- 716E6F
- 5B5859
- 454444
- 313030
- 1E1D1D
- 0C0C0C
- 020202
Tone
- B2AFB0
- ADA9AB
- A7A4A5
- A19FA0
- 9C9A9B
- 969495
- 908F90
- 8B8A8B
- 858585
Harmoni warna
Komplementer +180°
- B8B4B6
Silver Bells
- B2B6B4
≈ Online
Analog -30° +30°
- B8B4B6
Silver Bells
- B7B4B8
≈ Silver Bullet
- B9B4B4
≈ Silver Bells
Triadik +120° +240°
- B8B4B6
Silver Bells
- B6B6B2
≈ Mud Pots
- B2B6B8
≈ Wolfram
Split-komplementer +150° +210°
- B8B4B6
Silver Bells
- B4B6B3
≈ Mud Pots
- B2B6B6
≈ Online
Tetradik +90° +180° +270°
- B8B4B6
Silver Bells
- B7B5B2
≈ Kitty Whiskers
- B2B6B4
≈ Online
- B3B6B9
≈ Wolfram
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.05:1 · APCA Lc 40
Ag
AAADi atas hitam
WCAG 10.24:1 · APCA Lc 62
Warna teks terbaik: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Cuplikan kode
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);
}