Colore con nome · #B8B2A2
Silver Taupe
Silver Taupe è #B8B2A2: rgb(184 178 162), hsl(44 13% 68%), oklch(0.764 0.023 89.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silver Taupe color name →
#B8B2A2
oklch(0.764 0.023 89.8)
Conversioni di colore
- HEX
- #b8b2a2
- RGB
- rgb(184 178 162)
- HSL
- hsl(44 13% 68%)
- HWB
- hwb(44 64% 28%)
- OKLCH
- oklch(0.764 0.023 89.8)
- OKLab
- oklab(0.764 0 0.023)
- CIE Lab
- lab(72.74 0.14 9.01)
- LCH
- lch(72.74 9.01 89.1)
- CMYK
- cmyk(0% 3% 12% 28%)
Tinte · Ombre · Toni
Tinte
- BFB9AB
- C6C1B4
- CDC9BD
- D4D0C6
- DBD8D0
- E2E0D9
- E9E7E2
- F0EFEC
- F8F7F5
Ombre
- A09A8C
- 888377
- 716D63
- 5B574F
- 45433C
- 312F2A
- 1E1D19
- 0C0C0A
- 020101
Toni
- B2AD9F
- ADA89B
- A7A398
- A19E94
- 9C9991
- 96948E
- 908F8A
- 8B8A87
- 858583
Armonie di colore
Complementare +180°
- B8B2A2
Silver Taupe
- ACB2C2
≈ Fragrant Wand
Analogo -30° +30°
- B8B2A2
Silver Taupe
- BEAFA4
≈ Barista
- B0B5A4
≈ Fennel Stem
Triadico +120° +240°
- B8B2A2
Silver Taupe
- A2B7BA
≈ Blue by You
- BBADBA
≈ Exclusive Violet
Complementare divisa +150° +210°
- B8B2A2
Silver Taupe
- A6B5C0
≈ Intercoastal Grey
- B4AFBF
≈ Virtuous Violet
Tetradico +90° +180° +270°
- B8B2A2
Silver Taupe
- A3B7B3
≈ Holly Glen
- ACB2C2
≈ Fragrant Wand
- C0ADB2
≈ Lavender Scent
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.92:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--silver-taupe: #b8b2a2;
--silver-taupe-rgb: 184 178 162;
--silver-taupe-oklch: oklch(0.764 0.023 89.8);
}
.element {
color: var(--silver-taupe);
background-color: hsl(44 13% 68%);
border-color: oklch(0.764 0.023 89.8);
}Tailwind CSS v4
@theme {
--color-silver-taupe: #b8b2a2;
--color-silver-taupe-50: #f7f5ee;
--color-silver-taupe-100: #eae8df;
--color-silver-taupe-200: #d8d4c9;
--color-silver-taupe-300: #bbb7aa;
--color-silver-taupe-400: #a49e8f;
--color-silver-taupe-500: #8c8675;
--color-silver-taupe-600: #777163;
--color-silver-taupe-700: #5f5b4f;
--color-silver-taupe-800: #464239;
--color-silver-taupe-900: #302e27;
--color-silver-taupe-950: #1c1a15;
}SCSS
$silver-taupe: #b8b2a2;
$silver-taupe-rgb: 184, 178, 162;
$silver-taupe-light: mix(#fff, $silver-taupe, 20%);
$silver-taupe-dark: mix(#000, $silver-taupe, 20%);
.element {
color: $silver-taupe;
box-shadow: 0 0 0 2px rgba($silver-taupe, 0.35);
}