Colore con nome · #B6B5B8
Silver Bullet
Silver Bullet è #B6B5B8: rgb(182 181 184), hsl(260 2% 72%), oklch(0.775 0.004 301.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silver Bullet color name →
#B6B5B8
oklch(0.775 0.004 301.4)
Conversioni di colore
- HEX
- #b6b5b8
- RGB
- rgb(182 181 184)
- HSL
- hsl(260 2% 72%)
- HWB
- hwb(260 71% 28%)
- OKLCH
- oklch(0.775 0.004 301.4)
- OKLab
- oklab(0.775 0.002 -0.004)
- CIE Lab
- lab(73.83 0.78 -1.4)
- LCH
- lch(73.83 1.6 299.2)
- CMYK
- cmyk(1% 2% 0% 28%)
Tinte · Ombre · Toni
Tinte
- BDBCBF
- C4C3C6
- CBCBCD
- D3D2D4
- DAD9DB
- E1E1E2
- E9E8E9
- F0F0F0
- F7F7F8
Ombre
- 9E9DA0
- 868688
- 6F6F71
- 59595B
- 444445
- 303031
- 1D1D1E
- 0C0C0C
- 020202
Toni
- B0B0B2
- ABAAAD
- A5A5A7
- A09FA1
- 9B9A9C
- 959596
- 909090
- 8B8A8B
- 858585
Armonie di colore
Complementare +180°
- B6B5B8
Silver Bullet
- B5B6B3
≈ Mud Pots
Analogo -30° +30°
- B6B5B8
Silver Bullet
- B5B6B8
≈ Wolfram
- B7B5B7
≈ Silver Bullet
Triadico +120° +240°
- B6B5B8
Silver Bullet
- B8B5B3
≈ Grey Marble
- B3B7B6
≈ Swag Bag Silver
Complementare divisa +150° +210°
- B6B5B8
Silver Bullet
- B7B6B3
≈ Rand Moon
- B4B6B4
≈ Brainstem Grey
Tetradico +90° +180° +270°
- B6B5B8
Silver Bullet
- B8B5B4
≈ Grey Marble
- B5B6B3
≈ Mud Pots
- B3B6B7
≈ Wolfram
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.29:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--silver-bullet: #b6b5b8;
--silver-bullet-rgb: 182 181 184;
--silver-bullet-oklch: oklch(0.775 0.004 301.4);
}
.element {
color: var(--silver-bullet);
background-color: hsl(260 2% 72%);
border-color: oklch(0.775 0.004 301.4);
}Tailwind CSS v4
@theme {
--color-silver-bullet: #b6b5b8;
--color-silver-bullet-50: #f5f5f6;
--color-silver-bullet-100: #e8e7e9;
--color-silver-bullet-200: #d4d4d6;
--color-silver-bullet-300: #b8b7b9;
--color-silver-bullet-400: #9f9ea1;
--color-silver-bullet-500: #868589;
--color-silver-bullet-600: #727174;
--color-silver-bullet-700: #5b5a5c;
--color-silver-bullet-800: #424244;
--color-silver-bullet-900: #2e2e2f;
--color-silver-bullet-950: #1b1a1b;
}SCSS
$silver-bullet: #b6b5b8;
$silver-bullet-rgb: 182, 181, 184;
$silver-bullet-light: mix(#fff, $silver-bullet, 20%);
$silver-bullet-dark: mix(#000, $silver-bullet, 20%);
.element {
color: $silver-bullet;
box-shadow: 0 0 0 2px rgba($silver-bullet, 0.35);
}