/Paleta

Garden Romance

Complementaria Dividida • 5 colores • ⚖️ Neutral

#F9E4D4
#D4A5A5
#8FB996
#5B8C5A
#FDFCF0

Colores

❤️

Claro Melocotón

#F9E4D4

RGB(249, 228, 212) • HSL(26°, 76%, 90%)

CMYK(0%, 8%, 15%, 2%)

Creatividad, entusiasmo, aventura, confianza

Transmite accesibilidad y energia positivaAmazonCreativos
❤️

Suave Carmesí

#D4A5A5

RGB(212, 165, 165) • HSL(0°, 35%, 74%)

CMYK(0%, 22%, 22%, 17%)

Pasion, energia, urgencia, poder, amor

Estimula el apetitoCoca-ColaJovenes
💚

Tenue Esmeralda

#8FB996

RGB(143, 185, 150) • HSL(130°, 23%, 64%)

CMYK(23%, 0%, 19%, 27%)

Naturaleza, salud, crecimiento, armonia, dinero

RelajanteStarbucksEco-conscientes
💚

Tenue Menta

#5B8C5A

RGB(91, 140, 90) • HSL(119°, 22%, 45%)

CMYK(35%, 0%, 36%, 45%)

Naturaleza, salud, crecimiento, armonia, dinero

RelajanteStarbucksEco-conscientes
🧡

Luminoso Canario

#FDFCF0

RGB(253, 252, 240) • HSL(55°, 76%, 97%)

CMYK(0%, 0%, 5%, 1%)

Optimismo, alegria, claridad, creatividad

Llama la atencionMcDonaldsFamilias

Armonía

Personalizada

Una combinación única adaptada a tus necesidades.

Confianza50%

Temperatura

⚖️

Neutral

Contraste

Mín1.0:1
Med2.1:1
Máx3.8:1

AA: 4.5:1 · AAA: 7:1

Puntuación de Salud de Paleta

Accesibilidad

47

Armonía

69

Total

60

= Salud Paleta

Matriz de Accesibilidad (WCAG)

Ratio de contraste entre todos los pares de colores. AA requiere 4.5:1 para texto, AAA requiere 7:1.

-
1.76:1Fail
1.79:1Fail
3.2:1Fail
1.19:1Fail
1.76:1Fail
-
1.02:1Fail
1.82:1Fail
2.09:1Fail
1.79:1Fail
1.02:1Fail
-
1.79:1Fail
2.13:1Fail
3.2:1Fail
1.82:1Fail
1.79:1Fail
-
3.81:1Fail
1.19:1Fail
2.09:1Fail
2.13:1Fail
3.81:1Fail
-

Simulación de Daltonismo

Cómo se ve esta paleta para personas con diferentes tipos de deficiencia visual del color.

Original

Protanopía (ceguera al rojo)

~1.3%

Deuteranopía (ceguera al verde)

~1.2%

Tritanopía (ceguera al azul)

~0.01%

Acromatopsia (total)

~0.003%

Psicología y Significado

💛Optimismo, Alegría, Atención
☀️Ligero, Aireado, Optimista

Usos Recomendados

Apps Móviles

Funciona bien para interfaces móviles

Diseño Web

Adecuado para sitios web modernos

Estadísticas de la Paleta

Tipo

Equilibrada

Temperatura

⚖️ Neutral

Claros / Oscuros

4 / 1

Contraste Medio

2.1:1

Distribución de Tonos

Rojo2
Naranja1
Amarillo
Verde2
Cian
Azul
Púrpura
Rosa2

Propiedades del Color

Saturación Media46%
Luminosidad Media74%
Diversidad de Tonos80%

Análisis de Contraste

Mínimo

1.0:1

Promedio

2.1:1

Máximo

3.8:1

WCAG AA requiere 4.5:1 para texto, 3:1 para texto grande

Sugerencias

⚠️

Contraste medio bajo. Considera añadir colores más claros u oscuros.

Análisis de Armonía

Armonía Detectada

Personalizada

Una combinación única adaptada a tus necesidades.

Puntuación de Armonía

69/100
Confianza del patrón50%

Informe de Accesibilidad

Accesibilidad

47

/100

WCAG AA

APROBADO

Contraste de texto con blanco/negro

Daltonismo

ATENCIÓN

Distinción para usuarios daltónicos

Criterios de Calidad

Rango de Luminancia
Distintividad
Tipo de Armonía
Variedad Cromática
Balance Temperatura
Cohesión Saturación
Distribución Luminosidad

Problemas Detectados (8)

Colores 1 y 2 difíciles de distinguir (1.76:1) en modo normal

Colores 1 y 3 difíciles de distinguir (1.79:1) en modo normal

Colores 1 y 5 difíciles de distinguir (1.19:1) en modo normal

Colores 2 y 3 difíciles de distinguir (1.02:1) en modo normal

Colores 2 y 4 difíciles de distinguir (1.82:1) en modo normal

Colores 2 y 5 difíciles de distinguir (2.09:1) en modo normal

Colores 3 y 4 difíciles de distinguir (1.79:1) en modo normal

Colores 3 y 5 difíciles de distinguir (2.13:1) en modo normal

Degradados

Degradado lineal completo

background: linear-gradient(90deg, #F9E4D4, #D4A5A5, #8FB996, #5B8C5A, #FDFCF0);

#F9E4D4 → #D4A5A5

#D4A5A5 → #8FB996

#8FB996 → #5B8C5A

#5B8C5A → #FDFCF0

Tintes y Sombras

Variaciones más claras (tintes) y más oscuras (sombras) de cada color

#F9E4D4

#D4A5A5

#8FB996

#5B8C5A

#FDFCF0

Exportar Código

:root {
  --color-1: #F9E4D4;
  --color-2: #D4A5A5;
  --color-3: #8FB996;
  --color-4: #5B8C5A;
  --color-5: #FDFCF0;
}

Paletas Relacionadas

Explora variaciones y alternativas generadas a partir de esta paleta

Complementaria

Colores opuestos en el círculo

Variación Análoga

Rotada 30° en el círculo

Versión Clara

15% más clara

Versión Oscura

15% más oscura

Apagada

30% menos saturación

Vibrante

30% más saturación

Variación Triádica

Rotada 120° en el círculo

Complementaria Dividida

Rotada 150° en el círculo

Monocromática

Basada en el primer color

Previsualización

Mira cómo se ve tu paleta en un contexto real de landing page

Marca
HomeAboutContact

Bienvenido a Nuestra Plataforma

Descubre funciones increíbles y aumenta tu productividad con nuestras soluciones innovadoras.

Función Uno

🚀

Función Dos

💎

Función Tres

© 2026 Tu Marca. Todos los derechos reservados.