El salmón es un color cálido, rosa-anaranjado que recuerda a un filete de salmón fresco. Se encuentra entre las secciones roja y naranja del círculo cromático, dándole un aire de energía y diversión.
El salmón se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #FF7E70
- Valor RGB: 100% rojo, 49.4% verde y 43.9% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el salmón en tus diseños:
- Usar como acento. Usar el salmón en los fondos y banners de un sitio web puede crear una atmósfera lúdica y relajante para los usuarios.
- Crear fondos sutiles. Los diseñadores pueden usar tonos muy claros de salmón como fondos para crear contraste entre el texto y otros elementos.
- Establecer y mejorar indicadores de advertencia. Aprovecha un tono ligeramente más oscuro de salmón para alertas no críticas para captar la atención del usuario sin abrumarlo, lo que puede suceder con colores como el rojo.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro cálido que el salmón, considera:
- Rosa (#FF8DA1) es una alternativa mucho más brillante al salmón con menos naranja.
- Rojo pastel (#FF746C) se asemeja al salmón pero es mucho menos saturado.
- Coral (#FF8559) es otro color orgánico que mezcla rosa y naranja.
- Rojo-anaranjado (#FF4B33) es un color saturado y vibrante que se inclina más hacia el rojo en el círculo cromático.
Para complementar el salmón, considera emparejarlo con:
- Azul claro (#90D5FF) es un color complementario que crea una paleta alegre y veraniega.
- Terracota (#E35336) tiene tonos terrosos que crean una sensación de estabilidad y naturalidad cuando se combina con el salmón.
- Verde azulado (#069494) complementa al salmón en el círculo cromático, creando un contraste audaz y llamativo.
- Azul marino (#000080) crea un contraste sofisticado, permitiendo que el salmón destaque como color de acento.
Otros colores que vale la pena considerar incluyen dorado para un toque de lujo, salvia para crear un ambiente calmante y natural, y lavanda para una paleta caprichosa.
Aunque el salmón es juguetón y vibrante, puede chocar con:
- Marrón (#895129) tiene una estética más oscura y terrenal que puede no mezclarse bien con la energía y diversión del salmón.
- Carbón (#4A4A4A) puede dominar al salmón debido a su sensación más dura y utilitaria.
- Rosa fuerte (#FF46A2) puede crear una atmósfera artificial no intencionada cuando se combina con el salmón.
- Verde neón (#2CFF05) puede ser visualmente chocante cuando se combina con el salmón.
El salmón se asocia con la salud, la fertilidad y la calidez. Este color deriva su nombre del pez salmón, que representa ciclos de vida, muerte y renacimiento. El color salmón también se correlaciona con la energía, la determinación y la aventura.
En la psicología del color, el salmón evoca sentimientos de optimismo y alegría. La influencia naranja del salmón crea una sensación de energía positiva, mientras que su influencia rosa infunde una sensación de seguridad y confort.
En el diseño UI, el salmón es una elección fuerte para construir aplicaciones y páginas web que se sientan cálidas y acogedoras para los usuarios. Las marcas que se dirigen a audiencias más jóvenes o atletas pueden capitalizar el dinamismo inherente del salmón.
Algunas de las primeras referencias registradas al salmón como color datan de finales del siglo XVIII. Los tintes textiles eran prevalentes en todas las culturas y clases, lo que llevó a la gente a emplear esquemas de color salmón en sus ropas y muebles.
El salmón explotó en popularidad durante la década de 1950, cuando los colores pastel se presentaban prominentemente en anuncios y carteles de películas. Las mujeres estadounidenses en los años 50 y 60 también comenzaron a teñir su cabello con colores pastel como el salmón.
Hoy en día, el salmón sigue siendo utilizado en anuncios, moda y tendencias contemporáneas de estilismo capilar.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Sashimi Fresco
Salpicadura de Estrella de Mar
Sizzle de los Setenta
Comprobador de contraste
Contraste 2,48
- Texto largo
#FF7E70
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 8,47
- Texto largo
#FF7E70
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ff7e70, también llamado Color salmón, tiene valores RGB de R:255, G:126, B:112 y valores CMYK de C:0, M:51, Y:56, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff7e70 | #ff7e70 |
| RGB DECIMAL | 255, 126, 112 | RGB(255,126,112) |
| RGB PERCENTAGE | 100.0, 49.4, 43.9 | RGB(100.0%,49.4%,43.9%) |
| CMYK | 0, 51, 56, 0 | |
| HSL | HSL(5.9, 100.0%, 72.0%) | HSL(5.9, 100.0%, 72.0%) |
| HSV (OR HSB) | 5.9°, 56.1, 100.0 | |
| WEB SAFE | #255102102 | #255102102 |
| BINARY | 11111111, 01111110, 01110000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.494, blue: 0.439) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.494, blue: 0.439, alpha: 1) | |
| Android - Compose | Color(0xFFFF7E70) |
