Colore con nome · #44484D
Cyberspace
Cyberspace è #44484D: rgb(68 72 77), hsl(213 6% 28%), oklch(0.4 0.01 253.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cyberspace color name →
#44484D
oklch(0.4 0.01 253.9)
Conversioni di colore
- HEX
- #44484d
- RGB
- rgb(68 72 77)
- HSL
- hsl(213 6% 28%)
- HWB
- hwb(213 27% 70%)
- OKLCH
- oklch(0.4 0.01 253.9)
- OKLab
- oklab(0.4 -0.003 -0.01)
- CIE Lab
- lab(30.36 -0.82 -3.6)
- LCH
- lch(30.36 3.69 257.2)
- CMYK
- cmyk(12% 6% 0% 70%)
Tinte · Ombre · Toni
Tinte
- 55585D
- 66696D
- 777B7E
- 8A8C90
- 9C9FA1
- AFB1B3
- C3C4C6
- D6D7D9
- EBEBEC
Ombre
- 3A3D42
- 303337
- 26292C
- 1D1F22
- 141618
- 0C0D0F
- 050607
- 020202
- 000000
Toni
- 4A4D52
- 4F5357
- 55585C
- 5B5E61
- 616366
- 67696B
- 6D6F70
- 747475
- 7A7A7B
Armonie di colore
Complementare +180°
- 44484D
Cyberspace
- 4B4742
≈ Black Mocha
Analogo -30° +30°
- 44484D
Cyberspace
- 42494C
≈ Big Dipper
- 47474D
≈ Cyberspace
Triadico +120° +240°
- 44484D
Cyberspace
- 4D4646
≈ Dampened Black
- 454943
≈ Nightly Ivy
Complementare divisa +150° +210°
- 44484D
Cyberspace
- 4D4643
≈ Black Mocha
- 484842
≈ Ebony Keys
Tetradico +90° +180° +270°
- 44484D
Cyberspace
- 4C4649
≈ Catwalk
- 4B4742
≈ Black Mocha
- 434946
≈ Bamboo Charcoal
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.21:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.27:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.21:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--cyberspace: #44484d;
--cyberspace-rgb: 68 72 77;
--cyberspace-oklch: oklch(0.4 0.01 253.9);
}
.element {
color: var(--cyberspace);
background-color: hsl(213 6% 28%);
border-color: oklch(0.4 0.01 253.9);
}Tailwind CSS v4
@theme {
--color-cyberspace: #44484d;
--color-cyberspace-50: #f3f5f8;
--color-cyberspace-100: #e6e8eb;
--color-cyberspace-200: #d1d4d8;
--color-cyberspace-300: #b4b8bc;
--color-cyberspace-400: #9a9fa4;
--color-cyberspace-500: #82878d;
--color-cyberspace-600: #6e7277;
--color-cyberspace-700: #585b5f;
--color-cyberspace-800: #404346;
--color-cyberspace-900: #2c2e30;
--color-cyberspace-950: #191b1d;
}SCSS
$cyberspace: #44484d;
$cyberspace-rgb: 68, 72, 77;
$cyberspace-light: mix(#fff, $cyberspace, 20%);
$cyberspace-dark: mix(#000, $cyberspace, 20%);
.element {
color: $cyberspace;
box-shadow: 0 0 0 2px rgba($cyberspace, 0.35);
}