لون مسمّى · #292E35
Deep Space Echo
Deep Space Echo هو #292E35: rgb(41 46 53)، hsl(215 13% 18%)، oklch(0.299 0.015 256.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Deep Space Echo color name →
#292E35
oklch(0.299 0.015 256.8)
تحويلات الألوان
- HEX
- #292e35
- RGB
- rgb(41 46 53)
- HSL
- hsl(215 13% 18%)
- HWB
- hwb(215 16% 79%)
- OKLCH
- oklch(0.299 0.015 256.8)
- OKLab
- oklab(0.299 -0.003 -0.014)
- CIE Lab
- lab(18.66 -0.86 -5.29)
- LCH
- lch(18.66 5.35 260.8)
- CMYK
- cmyk(23% 13% 0% 79%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3B4047
- 4E5359
- 62666C
- 777A7F
- 8C8F93
- A2A5A8
- B9BABD
- D0D1D3
- E7E8E9
درجات داكنة
- 22272D
- 1C1F25
- 15181D
- 0F1215
- 090B0E
- 050608
- 020203
- 010101
- 000000
درجات رمادية
- 31363C
- 393D43
- 41454A
- 4A4D52
- 535559
- 5B5E61
- 646668
- 6D6F70
- 777778
تناسق الألوان
متمم +180°
- 292E35
Deep Space Echo
- 322D26
≈ Night Brown Black
متجاور -30° +30°
- 292E35
Deep Space Echo
- 262F33
≈ Navy Black
- 2D2D35
≈ Stretch Limo
ثلاثي +120° +240°
- 292E35
Deep Space Echo
- 352B2B
≈ Deep Brown
- 2A2F28
≈ Marshland
متمم منقسم +150° +210°
- 292E35
Deep Space Echo
- 342C27
≈ Industrial Black
- 2E2E26
≈ Eternity
رباعي +90° +180° +270°
- 292E35
Deep Space Echo
- 332B2F
≈ Mystical Shadow
- 322D26
≈ Night Brown Black
- 27302C
≈ Concealed Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.66:1 · APCA Lc 100
Ag
Failعلى الأسود
WCAG 1.53:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.66:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--deep-space-echo: #292e35;
--deep-space-echo-rgb: 41 46 53;
--deep-space-echo-oklch: oklch(0.299 0.015 256.8);
}
.element {
color: var(--deep-space-echo);
background-color: hsl(215 13% 18%);
border-color: oklch(0.299 0.015 256.8);
}Tailwind CSS v4
@theme {
--color-deep-space-echo: #292e35;
--color-deep-space-echo-50: #f3f5f9;
--color-deep-space-echo-100: #e5e8ed;
--color-deep-space-echo-200: #d0d4db;
--color-deep-space-echo-300: #b3b8bf;
--color-deep-space-echo-400: #999fa7;
--color-deep-space-echo-500: #808790;
--color-deep-space-echo-600: #6c727a;
--color-deep-space-echo-700: #575b61;
--color-deep-space-echo-800: #3f4347;
--color-deep-space-echo-900: #2b2e31;
--color-deep-space-echo-950: #191b1d;
}SCSS
$deep-space-echo: #292e35;
$deep-space-echo-rgb: 41, 46, 53;
$deep-space-echo-light: mix(#fff, $deep-space-echo, 20%);
$deep-space-echo-dark: mix(#000, $deep-space-echo, 20%);
.element {
color: $deep-space-echo;
box-shadow: 0 0 0 2px rgba($deep-space-echo, 0.35);
}