Guía de color
Color Verde
#22C55E
Códigos del color verde
Qué significa el verde
El verde se asocia con la naturaleza, el crecimiento y la salud. Reduce la fatiga visual y señala éxito y confirmación en las interfaces.
Cómo usarlo en diseño
Perfecto para estados de éxito, marcas medioambientales, indicadores de crecimiento financiero y productos de bienestar.
Combinaciones de color con el verde
Armonías calculadas con teoría del color para el matiz base 142°.
Complementario
Contraste máximo: #22C55E + #C42188
Análogo
Armonía a ±30°: #37C421 · #22C55E · #21C4AE
Triádico
Separación de 120°: #22C55E · #5D21C4 · #C45D21
Tonos del color verde (escala 50–900)
Escala estilo Tailwind generada a partir de #22C55E.
Colores que combinan con el verde
Preguntas frecuentes sobre el color verde
¿Cuál es el código HEX del color verde?
Un valor HEX muy usado para el color verde es #22C55E, equivalente a rgb(34, 197, 94). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (142°).
¿Qué colores combinan con el verde?
El verde combina muy bien con white, beige, charcoal, pink. Su color complementario es #C42188, y una combinación triádica clásica añade #5D21C4 y #C45D21.
¿Es el verde 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 verde en textos o elementos de interfaz.
Crea tu propia paleta en verde
Genera combinaciones armónicas a partir de #22C55E en segundos.
Abrir el generador de paletas