Colore con nome · #7F8486
Software
Software è #7F8486: rgb(127 132 134), hsl(197 3% 51%), oklch(0.61 0.007 223.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Software color name →
#7F8486
oklch(0.61 0.007 223.5)
Conversioni di colore
- HEX
- #7f8486
- RGB
- rgb(127 132 134)
- HSL
- hsl(197 3% 51%)
- HWB
- hwb(197 50% 47%)
- OKLCH
- oklch(0.61 0.007 223.5)
- OKLab
- oklab(0.61 -0.005 -0.005)
- CIE Lab
- lab(54.77 -1.61 -1.76)
- LCH
- lch(54.77 2.39 227.5)
- CMYK
- cmyk(5% 1% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 8B9091
- 979B9D
- A4A7A9
- B0B3B5
- BDC0C1
- CACCCD
- D7D9D9
- E4E5E6
- F2F2F2
Ombre
- 6E7274
- 5D6062
- 4C4F51
- 3C3F40
- 2D2F30
- 1F2021
- 111213
- 060606
- 010101
Toni
- 7F8485
- 7F8385
- 7F8384
- 7F8284
- 808283
- 808282
- 808182
- 808181
- 808081
Armonie di colore
Complementare +180°
- 7F8486
Software
- 878280
≈ Lunar Federation
Analogo -30° +30°
- 7F8486
Software
- 7F8484
≈ Legendary Sword
- 808387
≈ Mission Control
Triadico +120° +240°
- 7F8486
Software
- 868284
≈ Chert
- 84837F
≈ Greystoke
Complementare divisa +150° +210°
- 7F8486
Software
- 878182
≈ Chert
- 86837F
≈ Greystoke
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.78:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.54:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.54:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--software: #7f8486;
--software-rgb: 127 132 134;
--software-oklch: oklch(0.61 0.007 223.5);
}
.element {
color: var(--software);
background-color: hsl(197 3% 51%);
border-color: oklch(0.61 0.007 223.5);
}Tailwind CSS v4
@theme {
--color-software: #7f8486;
--color-software-50: #f3f5f6;
--color-software-100: #e6e8e9;
--color-software-200: #d1d5d6;
--color-software-300: #b4b8ba;
--color-software-400: #9a9fa1;
--color-software-500: #828789;
--color-software-600: #6e7274;
--color-software-700: #585b5d;
--color-software-800: #404344;
--color-software-900: #2c2e2f;
--color-software-950: #191b1b;
}SCSS
$software: #7f8486;
$software-rgb: 127, 132, 134;
$software-light: mix(#fff, $software, 20%);
$software-dark: mix(#000, $software, 20%);
.element {
color: $software;
box-shadow: 0 0 0 2px rgba($software, 0.35);
}