Colore con nome · #B2B6AC
Mineral Grey
Mineral Grey è #B2B6AC: rgb(178 182 172), hsl(84 6% 69%), oklch(0.77 0.015 124.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mineral Grey color name →
#B2B6AC
oklch(0.77 0.015 124.6)
Conversioni di colore
- HEX
- #b2b6ac
- RGB
- rgb(178 182 172)
- HSL
- hsl(84 6% 69%)
- HWB
- hwb(84 67% 29%)
- OKLCH
- oklch(0.77 0.015 124.6)
- OKLab
- oklab(0.77 -0.008 0.012)
- CIE Lab
- lab(73.51 -2.83 4.59)
- LCH
- lch(73.51 5.4 121.6)
- CMYK
- cmyk(2% 0% 5% 29%)
Tinte · Ombre · Toni
Tinte
- B9BDB4
- C1C4BC
- C9CBC4
- D0D3CC
- D8DAD5
- E0E1DD
- E7E9E5
- EFF0EE
- F7F8F6
Ombre
- 9A9E95
- 83867F
- 6D6F69
- 575954
- 434440
- 2F302D
- 1D1D1B
- 0C0C0B
- 010201
Toni
- ADB0A8
- A8ABA3
- A3A59F
- 9EA09A
- 999B96
- 949591
- 8F908D
- 8A8B89
- 858584
Armonie di colore
Complementare +180°
- B2B6AC
Mineral Grey
- B6B2BC
≈ Titmouse Grey
Analogo -30° +30°
- B2B6AC
Mineral Grey
- B7B4AA
≈ Arid Plains
- ADB7B0
≈ Cyprus Spring
Triadico +120° +240°
- B2B6AC
Mineral Grey
- ADB5BD
≈ Cloud Cover
- BDB1B3
≈ Fairy Bubbles
Complementare divisa +150° +210°
- B2B6AC
Mineral Grey
- B1B4BE
≈ Glistening Grey
- BBB1B8
≈ Heather Hill
Tetradico +90° +180° +270°
- B2B6AC
Mineral Grey
- AAB7BA
≈ Half Sea Fog
- B6B2BC
≈ Titmouse Grey
- BDB1AE
≈ Mouse Trap
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.17:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--mineral-grey: #b2b6ac;
--mineral-grey-rgb: 178 182 172;
--mineral-grey-oklch: oklch(0.77 0.015 124.6);
}
.element {
color: var(--mineral-grey);
background-color: hsl(84 6% 69%);
border-color: oklch(0.77 0.015 124.6);
}Tailwind CSS v4
@theme {
--color-mineral-grey: #b2b6ac;
--color-mineral-grey-50: #f4f6f1;
--color-mineral-grey-100: #e6e9e4;
--color-mineral-grey-200: #d2d5cf;
--color-mineral-grey-300: #b5b9b1;
--color-mineral-grey-400: #9ca097;
--color-mineral-grey-500: #84887e;
--color-mineral-grey-600: #70736a;
--color-mineral-grey-700: #595c55;
--color-mineral-grey-800: #41433e;
--color-mineral-grey-900: #2d2e2a;
--color-mineral-grey-950: #1a1b18;
}SCSS
$mineral-grey: #b2b6ac;
$mineral-grey-rgb: 178, 182, 172;
$mineral-grey-light: mix(#fff, $mineral-grey, 20%);
$mineral-grey-dark: mix(#000, $mineral-grey, 20%);
.element {
color: $mineral-grey;
box-shadow: 0 0 0 2px rgba($mineral-grey, 0.35);
}