Colore con nome · #B1B3B3
Silverstone
Silverstone è #B1B3B3: rgb(177 179 179), hsl(180 1% 70%), oklch(0.765 0.002 197.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silverstone color name →
#B1B3B3
oklch(0.765 0.002 197.1)
Conversioni di colore
- HEX
- #b1b3b3
- RGB
- rgb(177 179 179)
- HSL
- hsl(180 1% 70%)
- HWB
- hwb(180 69% 30%)
- OKLCH
- oklch(0.765 0.002 197.1)
- OKLab
- oklab(0.765 -0.002 -0.001)
- CIE Lab
- lab(72.78 -0.73 -0.26)
- LCH
- lch(72.78 0.77 199.6)
- CMYK
- cmyk(1% 0% 0% 30%)
Tinte · Ombre · Toni
Tinte
- B9BABA
- C0C2C2
- C8C9C9
- D0D1D1
- D7D8D8
- DFE0E0
- E7E8E8
- EFEFEF
- F7F7F7
Ombre
- 999B9B
- 838484
- 6C6E6E
- 575858
- 424343
- 2F2F2F
- 1C1D1D
- 0C0C0C
- 010101
Toni
- ACAEAE
- A7A9A9
- A2A3A3
- 9D9E9E
- 989999
- 939494
- 8E8F8F
- 8A8A8A
- 858585
Armonie di colore
Complementare +180°
- B1B3B3
Silverstone
- B4B2B2
≈ Tangled Web
Analogo -30° +30°
- B1B3B3
Silverstone
- B1B3B2
≈ Silverstone
- B1B3B4
≈ Silverstone
Triadico +120° +240°
- B1B3B3
Silverstone
- B3B2B3
≈ Tangled Web
- B3B2B1
≈ Tangled Web
Complementare divisa +150° +210°
- B1B3B3
Silverstone
- B4B2B3
≈ Tangled Web
- B4B2B1
≈ Tangled Web
Tetradico +90° +180° +270°
- B1B3B3
Silverstone
- B2B2B4
≈ Tangled Web
- B4B2B2
≈ Tangled Web
- B3B3B1
≈ Silverstone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.96:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--silverstone: #b1b3b3;
--silverstone-rgb: 177 179 179;
--silverstone-oklch: oklch(0.765 0.002 197.1);
}
.element {
color: var(--silverstone);
background-color: hsl(180 1% 70%);
border-color: oklch(0.765 0.002 197.1);
}Tailwind CSS v4
@theme {
--color-silverstone: #b1b3b3;
--color-silverstone-50: #f4f5f5;
--color-silverstone-100: #e7e8e8;
--color-silverstone-200: #d3d4d4;
--color-silverstone-300: #b6b8b8;
--color-silverstone-400: #9d9f9f;
--color-silverstone-500: #848787;
--color-silverstone-600: #707272;
--color-silverstone-700: #5a5b5b;
--color-silverstone-800: #414342;
--color-silverstone-900: #2d2e2e;
--color-silverstone-950: #1a1b1b;
}SCSS
$silverstone: #b1b3b3;
$silverstone-rgb: 177, 179, 179;
$silverstone-light: mix(#fff, $silverstone, 20%);
$silverstone-dark: mix(#000, $silverstone, 20%);
.element {
color: $silverstone;
box-shadow: 0 0 0 2px rgba($silverstone, 0.35);
}