Adlandırılmış renk · #44484D
Cyberspace
Cyberspace, #44484D: rgb(68 72 77), hsl(213 6% 28%), oklch(0.4 0.01 253.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cyberspace color name →
#44484D
oklch(0.4 0.01 253.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 55585D
- 66696D
- 777B7E
- 8A8C90
- 9C9FA1
- AFB1B3
- C3C4C6
- D6D7D9
- EBEBEC
Koyu tonlar
- 3A3D42
- 303337
- 26292C
- 1D1F22
- 141618
- 0C0D0F
- 050607
- 020202
- 000000
Gri tonlar
- 4A4D52
- 4F5357
- 55585C
- 5B5E61
- 616366
- 67696B
- 6D6F70
- 747475
- 7A7A7B
Renk uyumları
Tamamlayıcı +180°
- 44484D
Cyberspace
- 4B4742
≈ Black Mocha
Analog -30° +30°
- 44484D
Cyberspace
- 42494C
≈ Big Dipper
- 47474D
≈ Cyberspace
Üçlü +120° +240°
- 44484D
Cyberspace
- 4D4646
≈ Dampened Black
- 454943
≈ Nightly Ivy
Bölünmüş tamamlayıcı +150° +210°
- 44484D
Cyberspace
- 4D4643
≈ Black Mocha
- 484842
≈ Ebony Keys
Dörtlü +90° +180° +270°
- 44484D
Cyberspace
- 4C4649
≈ Catwalk
- 4B4742
≈ Black Mocha
- 434946
≈ Bamboo Charcoal
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.21:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.27:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.21:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}