#9E929A Sombras de Humo Malva

    Genera códigos de color, variaciones, armonías y verifica relaciones de contraste.

    Conversión de Color

    HEX

    #9e929a

    HEX
    #9e929a
    HSL
    320, 6, 60
    RGB
    158, 146, 154
    XYZ
    30, 30, 35
    CMYK
    0, 8, 3, 38
    LUV
    62,17,0
    LAB
    62, 6, -3
    HWB
    320, 57, 38

    Variaciones

    El propósito de esta sección es producir con precisión tonos (añadido blanco puro) y sombras (añadido negro puro) de tu color seleccionado en incrementos del 10%.

    Consejo profesional: Usa sombras para estados de hover y sombras, tonos para resaltes y fondos.

    Sombras

    Variaciones más oscuras creadas al añadir negro a tu color base.

    Tonos

    Variaciones más claras creadas al añadir blanco a tu color base.

    Casos de uso comunes

    • Estados de componentes UI (hover, activo, deshabilitado)
    • Creando profundidad con sombras y resaltes
    • Construyendo sistemas de color consistentes

    Consejo para el sistema de diseño

    Estas variaciones forman la base de una paleta de colores cohesiva. Expórtalas para mantener la consistencia en todo tu proyecto.

    Combinaciones de colores

    Cada armonía tiene su propio estado de ánimo. Usa armonías para idear combinaciones de colores que funcionen bien juntas.

    Cómo usar

    Haz clic en cualquier color para copiar su valor hex. Estas combinaciones están matemáticamente probadas para crear armonía visual.

    Por qué es importante

    Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.

    Complemento

    Un color y su opuesto en la rueda de color, +180 grados de tono. Alto contraste.

    #9e929a
    Mejor para: Diseños de alto impacto, CTAs, logos

    Complementario dividido

    Un color y dos adyacentes a su complemento, +/-30 grados de tono del valor opuesto al color principal. Audaz como un complemento directo, pero más versátil.

    Mejor para: Diseños vibrantes pero equilibrados

    Triádico

    Tres colores espaciados uniformemente en la rueda de color, cada uno a 120 grados de tono. Lo mejor es permitir que un color domine y usar los otros como acentos.

    Mejor para: Diseños divertidos y enérgicos

    Análogo

    Tres colores de la misma luminancia y saturación con tonos adyacentes en la rueda de color, a 30 grados de distancia. Transiciones suaves.

    Mejor para: Interfaces inspiradas en la naturaleza, calmantes

    Monocromático

    Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.

    Mejor para: Diseños minimalistas y sofisticados

    Tetrádico

    Dos conjuntos de colores complementarios, separados por 60 grados de tono.

    Mejor para: Esquemas de color ricos y diversos

    Principios de la teoría del color

    Equilibrio

    Usa un color dominante, apóyalo con secundarios y acentúa con moderación.

    Contraste

    Asegura suficiente contraste para legibilidad y accesibilidad.

    Armonía

    Los colores deben trabajar juntos para crear una experiencia visual unificada.

    Verificador de contraste de color

    Prueba combinaciones de colores para asegurarte de que cumplan con los estándares de accesibilidad WCAG para la legibilidad del texto.

    Color del texto
    Color de fondo
    Contraste
    1.00
    Fail
    Muy pobre
    Texto pequeño
    ✖︎
    Texto grande
    ✖︎
    Estándares WCAG
    AA:Ratio mínimo de contraste de 4.5:1 para texto normal y 3:1 para texto grande. Requerido para la mayoría de los sitios web.
    AAA:Ratio mejorado de contraste de 7:1 para texto normal y 4.5:1 para texto grande. Recomendado para una accesibilidad óptima.
    Contraste insuficiente para todos los tamaños de texto - no cumple con los estándares WCAG.

    Comprobador de contraste avanzado

    Ajusta con precisión con deslizadores, múltiples vistas previas y más

    Todo el mundo es un genio. Pero si juzgas a un pez por su habilidad para trepar un árbol, vivirá toda su vida creyendo que es estúpido.

    - Albert Einstein

    Formatos Técnicos

    Formatos prácticos

    Análisis de color

    Simulador de daltonismo

    Aspectos creativos

    Preguntas frecuentes

    ¿Qué color es #9E929A?
    #9E929A es Sombras de Humo Malva – Un malva grisáceo, suavemente desaturado, que parece mezclar lino antiguo con pétalos marchitos. Evoca una calma reflexiva y una elegancia contenida, como una habitación iluminada por la tarde de otoño.
    ¿Qué simboliza Sombras de Humo Malva?
    refinamiento moderado, memoria y nostalgia, neutralidad con carácter, equilibrio entre lo femenino y lo sobrio, madurez creativa. En Europa occidental tonos malva ceniza se asocian con moda vintage y elegancia victoriana; en Japón los matices lavanda transmiten delicadeza y sobriedad en textiles; en culturas mediterráneas puede recordar telas descoloridas por el sol, sugiriendo historia y desgaste noble.
    ¿Dónde se usa Sombras de Humo Malva en el diseño?
    En un espacio reduce la estimulación visual sin apagar la personalidad, funcionando como un estabilizador cromático. En diseño digital transmite profesionalismo acogedor y facilita la lectura cuando se combina con contrastes cálidos u oscuros.
    ¿Qué colores combinan bien con Sombras de Humo Malva?
    colorCode.seoFaqPairingAnswer #8EA39E: Verde salvia desaturado que crea armonía complementaria suave; ofrece contraste frío-cálido y balancea la calidez gris del malva.. #5A4750: Plum oscuro actúa como ancla tonal para texto y elementos principales; es una armonía tonal que preserva la sofisticación.. #C8B58E: Beige dorado desaturado que añade un acento cálido y metálico, generando contraste por complementariedad de temperatura..
    ¿Cómo afecta Sombras de Humo Malva el estado de ánimo?
    Calma sofisticada con un matiz nostálgico Provoca una sensación inmediata de reposo elegante y confianza contenida. colorCode.seoFaqMoodTraits
    ¿Qué industrias usan Sombras de Humo Malva?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    ¿Cuál es la historia de Sombras de Humo Malva?
    Los tonos malva grisáceos comenzaron a popularizarse en el siglo XIX con la invención de la mauveína (anilina) por William Perkin en 1856, que dio acceso a púrpuras más asequibles; antes de eso, púrpuras similares se obtenían de tintes naturales caros como el púrpura de Tiro o cochinilla, pero el matiz grisáceo apareció más tarde al mezclar pigmentos orgánicos con blancos y tierras.
    ¿Cómo usar Sombras de Humo Malva en el diseño?
    Mantener contraste y textura: este color pide anclaje oscuro y acentos cálidos para revelar su carácter.colorCode.seoFaqDesignDo
    ¿Es Sombras de Humo Malva accesible?
    colorCode.seoFaqAccessibilityAnswer Cumple con WCAG AA para texto normal y grande.