#FBC3E3 Suspiro de Peonía

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

    Conversión de Color

    HEX

    #fbc3e3

    HEX
    #fbc3e3
    HSL
    326, 88, 87
    RGB
    251, 195, 227
    XYZ
    73, 65, 81
    CMYK
    0, 22, 10, 2
    LUV
    85,47,-11
    LAB
    85, 25, -8
    HWB
    326, 76, 2

    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.

    #fbc3e3
    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 #FBC3E3?
    #FBC3E3 es Suspiro de Peonía – Un rosa pastel etéreo, luminoso y extremadamente delicado que se siente casi translúcido sobre fondos claros. Evoca ternura nostálgica y una feminidad suave, como una memoria cálida de primavera ligera.
    ¿Qué simboliza Suspiro de Peonía?
    afecto y cariño, feminidad suave, juventud y frescura, delicadeza artesanal, romanticismo nostálgico. En occidente los rosas pálidos suelen asociarse a la femineidad, la infancia y la celebración romántica; en Japón tonos similares al sakura indican transitoriedad y belleza efímera; en India, rosas claros aparecen en textiles festivos y pueden simbolizar alegría y celebración dependiendo del contexto.
    ¿Dónde se usa Suspiro de Peonía en el diseño?
    En un espacio o diseño, suaviza la percepción y reduce la agresividad visual, favoreciendo una lectura emocional más íntima. Promueve sensación de seguridad y proximidad, ideal para marcas que buscan empatía sin perder refinamiento.
    ¿Qué colores combinan bien con Suspiro de Peonía?
    colorCode.seoFaqPairingAnswer #04401C: Contraste complementario oscuro: ancla la paleta y mejora la legibilidad con una relación complementaria fuerte.. #C3FBE3: Armonía análoga suave con verdes menta pastel para un look fresco y sereno; crea transición cromática delicada.. #FBE3C3: Armonía cálida análoga (melocotón claro) que refuerza la sensación de merengue y dulzura sin chocar..
    ¿Cómo afecta Suspiro de Peonía el estado de ánimo?
    Cálida ternura con calma nostálgica Primera respuesta: ternura contenida y familiaridad reconfortante. colorCode.seoFaqMoodTraits
    ¿Qué industrias usan Suspiro de Peonía?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    ¿Cuál es la historia de Suspiro de Peonía?
    Los rosas pálidos similares a #FBC3E3 se lograron históricamente mediante la dilución de carmín (cochinilla o kermes) con blancura (blanco de plomo en la antigüedad, luego blanco de titanio). En textiles y cosméticos, tintes vegetales y mezclas de madder con blanqueadores se emplearon desde la Edad Media para obtener rosas suaves; los tonos suaves ganaron especial demanda en el siglo XVIII con la moda rococó.
    ¿Cómo usar Suspiro de Peonía en el diseño?
    Mantener contraste y anclaje: siempre equilibrar la ligereza del color con un tono oscuro o un neutral para crear jerarquía visual.colorCode.seoFaqDesignDo
    ¿Es Suspiro de Peonía accesible?
    colorCode.seoFaqAccessibilityAnswer Cumple con WCAG AA para texto normal y grande.