Colore con nome · #808C8C
Gunmetal Grey
Gunmetal Grey è #808C8C: rgb(128 140 140), hsl(180 5% 53%), oklch(0.63 0.014 196.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gunmetal Grey color name →
#808C8C
oklch(0.63 0.014 196.8)
Conversioni di colore
- HEX
- #808c8c
- RGB
- rgb(128 140 140)
- HSL
- hsl(180 5% 53%)
- HWB
- hwb(180 50% 45%)
- OKLCH
- oklch(0.63 0.014 196.8)
- OKLab
- oklab(0.63 -0.013 -0.004)
- CIE Lab
- lab(57.26 -4.52 -1.57)
- LCH
- lch(57.26 4.78 199.2)
- CMYK
- cmyk(9% 0% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 8C9797
- 98A2A2
- A4ADAD
- B1B8B8
- BEC4C4
- CAD0CF
- D7DBDB
- E4E7E7
- F2F3F3
Ombre
- 6E7979
- 5D6767
- 4D5555
- 3D4343
- 2E3333
- 1F2323
- 121414
- 060707
- 010101
Toni
- 808B8B
- 808A8A
- 808888
- 808787
- 808686
- 808585
- 808484
- 808282
- 808181
Armonie di colore
Complementare +180°
- 808C8C
Gunmetal Grey
- 928686
≈ Exotica
Analogo -30° +30°
- 808C8C
Gunmetal Grey
- 828C87
≈ Valley Floor
- 818B90
≈ Necron Compound
Triadico +120° +240°
- 808C8C
Gunmetal Grey
- 8D878F
≈ Box Office
- 8E8880
≈ Mountain Smoke
Complementare divisa +150° +210°
- 808C8C
Gunmetal Grey
- 90868B
≈ Plate Mail Metal
- 918782
≈ Gunmetal Beige
Tetradico +90° +180° +270°
- 808C8C
Gunmetal Grey
- 888892
≈ Box Office
- 928686
≈ Exotica
- 8A8A80
≈ Concrete Sidewalk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.47:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.04:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.04:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--gunmetal-grey: #808c8c;
--gunmetal-grey-rgb: 128 140 140;
--gunmetal-grey-oklch: oklch(0.63 0.014 196.8);
}
.element {
color: var(--gunmetal-grey);
background-color: hsl(180 5% 53%);
border-color: oklch(0.63 0.014 196.8);
}Tailwind CSS v4
@theme {
--color-gunmetal-grey: #808c8c;
--color-gunmetal-grey-50: #f1f6f6;
--color-gunmetal-grey-100: #e3e9e9;
--color-gunmetal-grey-200: #ced6d6;
--color-gunmetal-grey-300: #b0baba;
--color-gunmetal-grey-400: #95a1a1;
--color-gunmetal-grey-500: #7c8989;
--color-gunmetal-grey-600: #697474;
--color-gunmetal-grey-700: #545d5d;
--color-gunmetal-grey-800: #3d4444;
--color-gunmetal-grey-900: #2a2f2f;
--color-gunmetal-grey-950: #181b1b;
}SCSS
$gunmetal-grey: #808c8c;
$gunmetal-grey-rgb: 128, 140, 140;
$gunmetal-grey-light: mix(#fff, $gunmetal-grey, 20%);
$gunmetal-grey-dark: mix(#000, $gunmetal-grey, 20%);
.element {
color: $gunmetal-grey;
box-shadow: 0 0 0 2px rgba($gunmetal-grey, 0.35);
}