Color con nombre · #292E35
Deep Space Echo
Deep Space Echo es #292E35: rgb(41 46 53), hsl(215 13% 18%), oklch(0.299 0.015 256.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Deep Space Echo color name →
#292E35
oklch(0.299 0.015 256.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 3B4047
- 4E5359
- 62666C
- 777A7F
- 8C8F93
- A2A5A8
- B9BABD
- D0D1D3
- E7E8E9
Sombras
- 22272D
- 1C1F25
- 15181D
- 0F1215
- 090B0E
- 050608
- 020203
- 010101
- 000000
Tonos
- 31363C
- 393D43
- 41454A
- 4A4D52
- 535559
- 5B5E61
- 646668
- 6D6F70
- 777778
Armonías de color
Complementario +180°
- 292E35
Deep Space Echo
- 322D26
≈ Night Brown Black
Análogo -30° +30°
- 292E35
Deep Space Echo
- 262F33
≈ Navy Black
- 2D2D35
≈ Stretch Limo
Triádico +120° +240°
- 292E35
Deep Space Echo
- 352B2B
≈ Deep Brown
- 2A2F28
≈ Marshland
Complementario dividido +150° +210°
- 292E35
Deep Space Echo
- 342C27
≈ Industrial Black
- 2E2E26
≈ Eternity
Tetrádico +90° +180° +270°
- 292E35
Deep Space Echo
- 332B2F
≈ Mystical Shadow
- 322D26
≈ Night Brown Black
- 27302C
≈ Concealed Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 13.66:1 · APCA Lc 100
Ag
FailSobre negro
WCAG 1.53:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 13.66:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
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);
}