#C90054 Granada Eléctrica

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

    Conversión de Color

    HEX

    #c90054

    HEX
    #c90054
    HSL
    335, 100, 39
    RGB
    201, 0, 84
    XYZ
    26, 13, 10
    CMYK
    0, 100, 58, 21
    LUV
    43,131,2
    LAB
    43, 70, 13
    HWB
    335, 0, 21

    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.

    #c90054
    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 #C90054?
    #C90054 es Granada Eléctrica – Un magenta profundo con matices carmesí que parece brillar desde dentro; tiene saturación intensa y una oscuridad que le da cuerpo. Evoca deseo y urgencia controlada, una mezcla de sofisticación sensual y energía juvenil.
    ¿Qué simboliza Granada Eléctrica?
    pasión contemporánea, lujo accesible, atrevimiento estético, fuerza femenina, celebración nocturna. En culturas latinoamericanas y mediterráneas recuerda la fruta de la granada y la celebración; en Occidente contemporáneo se asocia con moda y branding audaz; en partes de Asia el rosa/magenta varía entre juventud y extravagancia, por lo que puede ser tanto festivo como poco convencional.
    ¿Dónde se usa Granada Eléctrica en el diseño?
    En un espacio o diseño, Granada Eléctrica atrae la mirada inmediatamente y actúa como foco emocional que acelera la respuesta del espectador. Reduce la percepción de distancia y añade calor inmediato, por lo que convierte acentos en puntos de contacto memorables.
    ¿Qué colores combinan bien con Granada Eléctrica?
    colorCode.seoFaqPairingAnswer #477F68: Complementaria: contraste frío-verde que equilibra la calidez y crea una armonía vibrante (complementary).. #FF8A00: Triádica: un naranja mostaza brillante que añade energía cálida y equilibrio cromático (triadic).. #C9007A: Análoga: un magenta ligeramente más azulado para transiciones suaves y gradientes ricos (analogous)..
    ¿Cómo afecta Granada Eléctrica el estado de ánimo?
    Pasión elegante con urgencia moderna Provoca excitación y deseo, empujando a la acción sin resultar vulgar si se usa con moderación. colorCode.seoFaqMoodTraits
    ¿Qué industrias usan Granada Eléctrica?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    ¿Cuál es la historia de Granada Eléctrica?
    Los tonos cercanos a Granada Eléctrica provienen históricamente de pigmentos naturales como el cochinilla (carmín) y raíces de Rubia (alizarina). Antes del siglo XIX, estos rojos profundos se obtenían de insectos y plantas; la llegada de los colorantes anilina a mediados del siglo XIX permitió magentas más brillantes y accesibles.
    ¿Cómo usar Granada Eléctrica en el diseño?
    Mantener contraste y restricción: usar Granada Eléctrica como acento focal controlado para maximizar su impacto.colorCode.seoFaqDesignDo
    ¿Es Granada Eléctrica accesible?
    colorCode.seoFaqAccessibilityAnswer Cumple con WCAG AA para texto normal y grande.