Colore con nome · #B1B8B5
Swag Bag Silver
Swag Bag Silver è #B1B8B5: rgb(177 184 181), hsl(154 5% 71%), oklch(0.776 0.009 168.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Swag Bag Silver color name →
#B1B8B5
oklch(0.776 0.009 168.7)
Conversioni di colore
- HEX
- #b1b8b5
- RGB
- rgb(177 184 181)
- HSL
- hsl(154 5% 71%)
- HWB
- hwb(154 69% 28%)
- OKLCH
- oklch(0.776 0.009 168.7)
- OKLab
- oklab(0.776 -0.009 0.002)
- CIE Lab
- lab(74.15 -2.95 0.63)
- LCH
- lch(74.15 3.02 167.9)
- CMYK
- cmyk(4% 0% 2% 28%)
Tinte · Ombre · Toni
Tinte
- B9BFBC
- C0C6C3
- C8CDCB
- D0D4D2
- D7DBD9
- DFE2E1
- E7E9E8
- EFF0F0
- F7F8F7
Ombre
- 99A09D
- 838886
- 6C716F
- 575B59
- 424544
- 2F3130
- 1C1E1D
- 0C0C0C
- 010202
Toni
- ACB2B0
- A7ADAA
- A2A7A5
- 9DA19F
- 989C9A
- 939695
- 8E9090
- 8A8B8A
- 858585
Armonie di colore
Complementare +180°
- B1B8B5
Swag Bag Silver
- BBB4B7
≈ Silver Bells
Analogo -30° +30°
- B1B8B5
Swag Bag Silver
- B3B8B2
≈ Sleepy
- B0B8B8
≈ Autumn Fog
Triadico +120° +240°
- B1B8B5
Swag Bag Silver
- B6B5BC
≈ Enchanted Silver
- BBB5B1
≈ Clear Concrete
Complementare divisa +150° +210°
- B1B8B5
Swag Bag Silver
- B9B4BA
≈ Silver Bells
- BCB4B4
≈ Winter Calm
Tetradico +90° +180° +270°
- B1B8B5
Swag Bag Silver
- B3B6BC
≈ Cube Farm
- BBB4B7
≈ Silver Bells
- B9B6B0
≈ Soft Beige
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.39:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--swag-bag-silver: #b1b8b5;
--swag-bag-silver-rgb: 177 184 181;
--swag-bag-silver-oklch: oklch(0.776 0.009 168.7);
}
.element {
color: var(--swag-bag-silver);
background-color: hsl(154 5% 71%);
border-color: oklch(0.776 0.009 168.7);
}Tailwind CSS v4
@theme {
--color-swag-bag-silver: #b1b8b5;
--color-swag-bag-silver-50: #f3f6f5;
--color-swag-bag-silver-100: #e5e9e7;
--color-swag-bag-silver-200: #d1d5d4;
--color-swag-bag-silver-300: #b3b9b7;
--color-swag-bag-silver-400: #9aa09d;
--color-swag-bag-silver-500: #818885;
--color-swag-bag-silver-600: #6d7371;
--color-swag-bag-silver-700: #575c5a;
--color-swag-bag-silver-800: #404342;
--color-swag-bag-silver-900: #2c2e2d;
--color-swag-bag-silver-950: #191b1a;
}SCSS
$swag-bag-silver: #b1b8b5;
$swag-bag-silver-rgb: 177, 184, 181;
$swag-bag-silver-light: mix(#fff, $swag-bag-silver, 20%);
$swag-bag-silver-dark: mix(#000, $swag-bag-silver, 20%);
.element {
color: $swag-bag-silver;
box-shadow: 0 0 0 2px rgba($swag-bag-silver, 0.35);
}