Guía de color
Color Gris oscuro
#1F2937
Códigos del color gris oscuro
Qué significa el gris oscuro
El gris oscuro es neutralidad sofisticada. Más suave que el negro, da estructura sin dureza.
Cómo usarlo en diseño
El color de texto y superficies oscuras por excelencia. Deja que los acentos vivos destaquen sobre él.
Combinaciones de color con el gris oscuro
Armonías calculadas con teoría del color para el matiz base 215°.
Complementario
Contraste máximo: #1F2937 + #372D1F
Análogo
Armonía a ±30°: #1F3537 · #1F2937 · #211F37
Triádico
Separación de 120°: #1F2937 · #371F29 · #29371F
Tonos del color gris oscuro (escala 50–900)
Escala estilo Tailwind generada a partir de #1F2937.
Colores que combinan con el gris oscuro
Preguntas frecuentes sobre el color gris oscuro
¿Cuál es el código HEX del color gris oscuro?
Un valor HEX muy usado para el color gris oscuro es #1F2937, equivalente a rgb(31, 41, 55). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (215°).
¿Qué colores combinan con el gris oscuro?
El gris oscuro combina muy bien con yellow, mint, coral, white. Su color complementario es #372D1F, y una combinación triádica clásica añade #371F29 y #29371F.
¿Es el gris oscuro accesible para textos y fondos?
Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el gris oscuro en textos o elementos de interfaz.
Crea tu propia paleta en gris oscuro
Genera combinaciones armónicas a partir de #1F2937 en segundos.
Abrir el generador de paletas