Claro de Luna
Triádica • 5 colores • ⚖️ Neutral
Colores
Film Noir
#1A1A2ERGB(26, 26, 46) • HSL(240°, 28%, 14%)
CMYK(43%, 43%, 0%, 82%)
Elegancia, poder, sofisticacion, misterio, autoridad
Profundo Cobalto
#2C2C4ARGB(44, 44, 74) • HSL(240°, 25%, 23%)
CMYK(41%, 41%, 0%, 71%)
Confianza, profesionalismo, calma, seguridad, lealtad
Plata Luna Llena
#C0C0C0RGB(192, 192, 192) • HSL(0°, 0%, 75%)
CMYK(0%, 0%, 0%, 25%)
Neutralidad, equilibrio, profesionalismo, madurez
Primera Nevada
#E8E8E8RGB(232, 232, 232) • HSL(0°, 0%, 91%)
CMYK(0%, 0%, 0%, 9%)
Pureza, simplicidad, limpieza, minimalismo, paz
Blanco Gardenia
#FFFFF0RGB(255, 255, 240) • HSL(60°, 100%, 97%)
CMYK(0%, 0%, 6%, 0%)
Optimismo, alegria, claridad, creatividad
Armonía
Complementaria
Colores opuestos en el círculo. Crea alto contraste e impacto visual.
Temperatura
Neutral
Contraste
AA: 4.5:1 · AAA: 7:1
Puntuación de Salud de Paleta
Accesibilidad
Armonía
Total
= 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.27:1Fail | 9.38:1AAA | 13.92:1AAA | 16.91:1AAA | |
1.27:1Fail | - | 7.37:1AAA | 10.94:1AAA | 13.29:1AAA | |
9.38:1AAA | 7.37:1AAA | - | 1.48:1Fail | 1.8:1Fail | |
13.92:1AAA | 10.94:1AAA | 1.48:1Fail | - | 1.21:1Fail | |
16.91:1AAA | 13.29:1AAA | 1.8:1Fail | 1.21: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
Usos Recomendados
Salud y Bienestar
Ideal para marcas de salud, eco y bienestar
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
3 / 2
Contraste Medio
7.8:1
Distribución de Tonos
Propiedades del Color
Análisis de Contraste
Mínimo
1.2:1
Promedio
7.8:1
Máximo
16.9:1
WCAG AA requiere 4.5:1 para texto, 3:1 para texto grande
Sugerencias
¡Paleta bien equilibrada! Buena variedad y contraste.
Análisis de Armonía
Armonía Detectada
Complementaria
Colores opuestos en el círculo. Crea alto contraste e impacto visual.
Puntuación de Armonía
Informe de Accesibilidad
Accesibilidad
/100
WCAG AA
APROBADO
Contraste de texto con blanco/negro
Daltonismo
ATENCIÓN
Distinción para usuarios daltónicos
Criterios de Calidad
Problemas Detectados (4)
Colores 1 y 2 difíciles de distinguir (1.27:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.48:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.80:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.21:1) en modo normal
Degradados
Degradado lineal completo
background: linear-gradient(90deg, #1A1A2E, #2C2C4A, #C0C0C0, #E8E8E8, #FFFFF0);#1A1A2E → #2C2C4A
#2C2C4A → #C0C0C0
#C0C0C0 → #E8E8E8
#E8E8E8 → #FFFFF0
Tintes y Sombras
Variaciones más claras (tintes) y más oscuras (sombras) de cada color
#1A1A2E
#2C2C4A
#C0C0C0
#E8E8E8
#FFFFF0
Exportar Código
:root {
--color-1: #1A1A2E;
--color-2: #2C2C4A;
--color-3: #C0C0C0;
--color-4: #E8E8E8;
--color-5: #FFFFF0;
}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
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.