Colore con nome · #B6B8B0
Fossilised
Fossilised è #B6B8B0: rgb(182 184 176), hsl(75 5% 71%), oklch(0.779 0.011 118.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fossilised color name →
#B6B8B0
oklch(0.779 0.011 118.1)
Conversioni di colore
- HEX
- #b6b8b0
- RGB
- rgb(182 184 176)
- HSL
- hsl(75 5% 71%)
- HWB
- hwb(75 69% 28%)
- OKLCH
- oklch(0.779 0.011 118.1)
- OKLab
- oklab(0.779 -0.005 0.01)
- CIE Lab
- lab(74.45 -1.82 3.82)
- LCH
- lch(74.45 4.23 115.5)
- CMYK
- cmyk(1% 0% 4% 28%)
Tinte · Ombre · Toni
Tinte
- BDBFB8
- C4C6BF
- CBCDC7
- D3D4CF
- DADBD7
- E1E2DF
- E9E9E7
- F0F0EF
- F7F8F7
Ombre
- 9EA099
- 868882
- 6F716C
- 595B56
- 444542
- 30312E
- 1D1E1C
- 0C0C0B
- 020201
Toni
- B0B2AB
- ABADA6
- A5A7A1
- A0A19C
- 9B9C98
- 959693
- 90908E
- 8B8B89
- 858585
Armonie di colore
Complementare +180°
- B6B8B0
Fossilised
- B8B5BD
≈ Enchanted Silver
Analogo -30° +30°
- B6B8B0
Fossilised
- BAB7AF
≈ Xiao Long Bao Dumpling
- B2B9B3
≈ Smoke Infusion
Triadico +120° +240°
- B6B8B0
Fossilised
- B1B8BD
≈ Grey Pearl Sand
- BEB4B7
≈ Pink Swan
Complementare divisa +150° +210°
- B6B8B0
Fossilised
- B4B7BE
≈ Cube Farm
- BBB4BB
≈ Future Vision
Tetradico +90° +180° +270°
- B6B8B0
Fossilised
- AFB9BB
≈ Lake Placid
- B8B5BD
≈ Enchanted Silver
- BEB4B3
≈ Pink Swan
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.47:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.47:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--fossilised: #b6b8b0;
--fossilised-rgb: 182 184 176;
--fossilised-oklch: oklch(0.779 0.011 118.1);
}
.element {
color: var(--fossilised);
background-color: hsl(75 5% 71%);
border-color: oklch(0.779 0.011 118.1);
}Tailwind CSS v4
@theme {
--color-fossilised: #b6b8b0;
--color-fossilised-50: #f4f6f2;
--color-fossilised-100: #e7e8e4;
--color-fossilised-200: #d3d5d0;
--color-fossilised-300: #b6b8b2;
--color-fossilised-400: #9e9f98;
--color-fossilised-500: #85877f;
--color-fossilised-600: #71726b;
--color-fossilised-700: #5a5c56;
--color-fossilised-800: #42433e;
--color-fossilised-900: #2e2e2b;
--color-fossilised-950: #1a1b18;
}SCSS
$fossilised: #b6b8b0;
$fossilised-rgb: 182, 184, 176;
$fossilised-light: mix(#fff, $fossilised, 20%);
$fossilised-dark: mix(#000, $fossilised, 20%);
.element {
color: $fossilised;
box-shadow: 0 0 0 2px rgba($fossilised, 0.35);
}