Colore con nome · #B6B0A9
Mercurial
Mercurial è #B6B0A9: rgb(182 176 169), hsl(32 8% 69%), oklch(0.76 0.012 71.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mercurial color name →
#B6B0A9
oklch(0.76 0.012 71.9)
Conversioni di colore
- HEX
- #b6b0a9
- RGB
- rgb(182 176 169)
- HSL
- hsl(32 8% 69%)
- HWB
- hwb(32 66% 29%)
- OKLCH
- oklch(0.76 0.012 71.9)
- OKLab
- oklab(0.76 0.004 0.011)
- CIE Lab
- lab(72.19 1.28 4.4)
- LCH
- lch(72.19 4.58 73.8)
- CMYK
- cmyk(0% 3% 7% 29%)
Tinte · Ombre · Toni
Tinte
- BDB8B1
- C4BFBA
- CBC7C2
- D3CFCB
- DAD7D3
- E1DFDC
- E9E7E5
- F0EFED
- F8F7F6
Ombre
- 9E9992
- 86827C
- 6F6C67
- 595653
- 44423F
- 302E2C
- 1D1C1B
- 0C0B0A
- 020101
Toni
- B0ABA5
- ABA6A1
- A5A19D
- A09C98
- 9B9894
- 959390
- 908E8C
- 8B8988
- 858584
Armonie di colore
Complementare +180°
- B6B0A9
Mercurial
- ACB2B9
≈ Shaved Ice
Analogo -30° +30°
- B6B0A9
Mercurial
- B8AFAB
≈ Vintage Mauve
- B2B1A9
≈ Urban Putty
Triadico +120° +240°
- B6B0A9
Mercurial
- A9B4B3
≈ Winter Morning Mist
- B4AFB7
≈ Lost Lake
Complementare divisa +150° +210°
- B6B0A9
Mercurial
- A9B3B7
≈ Yreka!
- B0B0B9
≈ Buffed Plum
Tetradico +90° +180° +270°
- B6B0A9
Mercurial
- ABB4AF
≈ Vinalhaven
- ACB2B9
≈ Shaved Ice
- B7AEB3
≈ Madame Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.77:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--mercurial: #b6b0a9;
--mercurial-rgb: 182 176 169;
--mercurial-oklch: oklch(0.76 0.012 71.9);
}
.element {
color: var(--mercurial);
background-color: hsl(32 8% 69%);
border-color: oklch(0.76 0.012 71.9);
}Tailwind CSS v4
@theme {
--color-mercurial: #b6b0a9;
--color-mercurial-50: #f7f5f1;
--color-mercurial-100: #eae7e3;
--color-mercurial-200: #d7d3cf;
--color-mercurial-300: #bbb7b1;
--color-mercurial-400: #a39d97;
--color-mercurial-500: #8b857e;
--color-mercurial-600: #76716a;
--color-mercurial-700: #5e5a55;
--color-mercurial-800: #45423e;
--color-mercurial-900: #302d2b;
--color-mercurial-950: #1c1a18;
}SCSS
$mercurial: #b6b0a9;
$mercurial-rgb: 182, 176, 169;
$mercurial-light: mix(#fff, $mercurial, 20%);
$mercurial-dark: mix(#000, $mercurial, 20%);
.element {
color: $mercurial;
box-shadow: 0 0 0 2px rgba($mercurial, 0.35);
}