Guía de color
Color Esmeralda
#10B981
Códigos del color esmeralda
Qué significa el esmeralda
La esmeralda es un verde joya profundo. Más rico que el verde básico, se siente consolidado y seguro.
Cómo usarlo en diseño
Potente para estados de éxito financieros, marcas eco-premium y temas oscuros elegantes.
Combinaciones de color con el esmeralda
Armonías calculadas con teoría del color para el matiz base 160°.
Complementario
Contraste máximo: #10B981 + #B71048
Análogo
Armonía a ±30°: #10B72C · #10B981 · #109BB7
Triádico
Separación de 120°: #10B981 · #7F10B7 · #B77F10
Tonos del color esmeralda (escala 50–900)
Escala estilo Tailwind generada a partir de #10B981.
Colores que combinan con el esmeralda
Preguntas frecuentes sobre el color esmeralda
¿Cuál es el código HEX del color esmeralda?
Un valor HEX muy usado para el color esmeralda es #10B981, equivalente a rgb(16, 185, 129). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (160°).
¿Qué colores combinan con el esmeralda?
El esmeralda combina muy bien con gold, cream, navy, coral. Su color complementario es #B71048, y una combinación triádica clásica añade #7F10B7 y #B77F10.
¿Es el esmeralda 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 esmeralda en textos o elementos de interfaz.
Crea tu propia paleta en esmeralda
Genera combinaciones armónicas a partir de #10B981 en segundos.
Abrir el generador de paletas