El lino es un color natural suave y relajante que se sitúa en los tonos neutros del círculo cromático. Con su tono beige claro y matices cálidos, se siente elegante y rústico. Tonos terrosos similares incluyen arena y marfil. Usa el lino para añadir un toque de suavidad y sofisticación a tus diseños.
El lino se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #FAF0E6
- Valor RGB: 98.0% rojo, 94.1% verde, 90.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de 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.
Para variaciones dentro del mismo espectro que el lino, considera:
- Champán (#f7e6ca): El champán emana un matiz cálido y suave que se asemeja a los tonos neutros y delicados del lino, ofreciendo un tono beige claro que es tanto acogedor como versátil.
- Marfil (#ffffe3): El marfil captura la esencia del lino con su tono claro y natural y colores pastel sutiles, creando una suavidad similar a la tela perfecta para la decoración neutra.
- Beige (#ede8d0): El beige comparte los tonos terrosos y suaves del lino, proporcionando una textura natural que complementa los matices cálidos sin esfuerzo.
- Concha (#fff1e7): La concha refleja el lino con su apariencia delicada y beige claro, encarnando una paleta de colores pastel que realza cualquier ambiente sereno.
Para complementar el lino, considera combinarlo con:
- Rosa Suave (#E89EB8): Este tono añade un toque cálido y sutil a la elegancia del lino, realzando la suavidad y creando una paleta cohesiva y tranquila.
- Salvia (#BBB791): Con sus matices terrosos y apagados, la salvia resalta las cualidades naturales del lino, perfecto para un aspecto rústico y armonioso.
- Azul Claro (#90D5FF): Este tono introduce un contraste refrescante que mantiene el equilibrio, perfecto para un entorno fresco y sereno junto a los tonos neutros del lino.
- Melocotón (#FFD3AC): Ofreciendo un matiz cálido, el melocotón añade un resplandor suave y acogedor al lino, resultando en un ambiente acogedor y hospitalario.
- Gris Pizarra (#6D8196): Este color proporciona un toque moderno cuando se combina con el lino, creando una paleta sofisticada pero discreta.
Mientras que el lino (#F2F0EF) es un tono neutro elegante perfecto para crear paletas relajantes y sofisticadas, ciertos colores pueden chocar debido a sus diferentes intensidades o matices. Aquí hay algunos colores que a menudo entran en conflicto con el lino:
- Naranja Neón (#FF5C00): La vibrante intensidad del naranja neón abruma la sutil elegancia del lino, haciendo que la combinación sea visualmente discordante.
- Amarillo Brillante (#FFED29): El amarillo brillante, con su intensa luminosidad, puede dominar la suave serenidad del lino, creando contrastes duros.
- Azul Eléctrico (#00F0FF): La audacia del azul eléctrico interrumpe la calma del lino, resultando en una combinación que se siente desequilibrada y visualmente disonante.
- Rosa Fucsia (#FF46A2): La intensidad del rosa fucsia compite con la naturaleza discreta del lino, haciendo que la combinación sea demasiado vibrante y potencialmente chocante.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Encaje Vintage
Orilla de Lino
Cielo Lila
Comprobador de contraste
Contraste 1,12
- Texto largo
#FAF0E6
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 18,67
- Texto largo
#FAF0E6
- 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 #FAF0E6, también llamado Lino, tiene valores RGB de R:250, G:240, B:230 y valores CMYK de C:0, M:4, Y:8, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FAF0E6 | #FAF0E6 |
| RGB DECIMAL | 250, 240, 230 | RGB(250,240,230) |
| RGB PERCENTAGE | 98.0, 94.1, 90.2 | RGB(98.0%,94.1%,90.2%) |
| CMYK | 0, 4, 8, 2 | |
| HSL | HSL(30.0, 66.7%, 94.1%) | HSL(30.0, 66.7%, 94.1%) |
| HSV (OR HSB) | 30.0°, 8.0, 98.0 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11111010, 11110000, 11100110 | |
| iOS - SwiftUI | Color(red: 0.980, green: 0.941, blue: 0.902) | |
| iOS - UIKit | UIColor(red: 0.980, green: 0.941, blue: 0.902, alpha: 1) | |
| Android - Compose | Color(0xFFFAF0E6) |