El marfil se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #FFFFE3
- Valor RGB: 100% rojo, 100% verde y 89% 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 asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el marfil en tus diseños:
- Crea profundidad sutil. El marfil puede parecer más atractivo visualmente que el blanco puro, añadiendo dimensión y una sensación de separación a los elementos de UI.
- Añade calidez. El toque de amarillo en el marfil crea un aspecto ligeramente más suave que el blanco puro, haciéndolo más fácil de ver.
- Transmite elegancia. El blanco a menudo puede sentirse frío y estéril, pero los sutiles matices amarillos del marfil crean una interfaz cálida y elegante. Esto lo convierte en una excelente elección de color para una estética sofisticada y de alta gama.
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 delicado que el marfil, considera:
Para complementar el marfil, considera combinarlo con:
- Azul marino (#000080) crea una combinación de colores sofisticada y clásica cuando se combina con marfil.
- Granate (#550000) ofrece una riqueza que combina bien con la calidez del marfil.
- Salvia (#BBB791) tiene un suave tono verde, creando una paleta serena y terrosa.
- Lavanda (#D3D3FF) añade a la tranquilidad del marfil, creando una atmósfera serena y calmante.
- Escarlata (#ED2100) añade un toque audaz y vibrante contra un fondo de marfil.
- Coral (#FF8559) crea una combinación de colores alegre, evocando una vibra similar a la primavera o el verano.
Otros colores que vale la pena considerar incluyen el negro para una combinación clásica, el dorado para una vibra lujosa y el carbón para añadir profundidad y contraste.
El marfil es un color clásico y versátil que combina bien con muchos tonos. Sin embargo, puede chocar con:
- Blanco (#FFFFFF) tiene poco contraste visual cuando se combina con marfil.
- Concha marina (#FFF1E7) puede crear una apariencia deslavada junto al marfil.
- Amarillo (#FFFF00) crea un efecto visualmente recargado o discordante debido a su saturación.
- Gris frío (#CBCBCB) puede chocar con la calidez del marfil, creando un esquema de color discordante.
El marfil simboliza elegancia y sofisticación. Su naturaleza cálida y acogedora también representa tranquilidad, mientras que su conexión con el material precioso marfil simboliza riqueza y lujo. Similar al blanco, el marfil también lleva connotaciones de pureza e inocencia.
En la psicología del color, el marfil tiene cualidades calmantes, evocando sentimientos de paz y serenidad. También estimula la limpieza y la simplicidad, creando una atmósfera reconfortante.
La versatilidad del marfil lo convierte en una excelente opción para el diseño de UI. Su esencia cálida y neutral añade un toque de sofisticación, creando un ambiente acogedor que es fácil de ver. Cuando se combina con otros tonos, el marfil crea un fondo calmante que permite que otros elementos de UI se destaquen.
El marfil, predominantemente obtenido de los colmillos de elefantes, ha sido muy buscado a lo largo de la historia por su uso en tallas, esculturas e incluso teclas de piano. Su origen orgánico añade a su atractivo y valor. Debido a su costo y rareza, poseer marfil se convirtió en un símbolo de estatus, significando riqueza y poder.
Alrededor del siglo XIV, surgió el término “marfil”, reflejando el tono blanco cremoso del material. A medida que crecieron las preocupaciones por el impacto ambiental del comercio de marfil, el uso del material disminuyó. No obstante, el color sigue exudando lujo y sofisticación, permaneciendo como una elección codiciada en la moda y el diseño.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Llave Esqueleto
Jardín Campestre
Rubia Platino
Comprobador de contraste
Contraste 1,02
- Texto largo
#FFFFE3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 20,67
- Texto largo
#FFFFE3
- 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 #ffffe3, también llamado Marfil, tiene valores RGB de R:255, G:255, B:227 y valores CMYK de C:0, M:0, Y:11, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffffe3 | #ffffe3 |
| RGB DECIMAL | 255, 255, 227 | RGB(255,255,227) |
| RGB PERCENTAGE | 100.0, 100.0, 89.0 | RGB(100.0%,100.0%,89.0%) |
| CMYK | 0, 0, 11, 0 | |
| HSL | HSL(60.0, 100.0%, 94.5%) | HSL(60.0, 100.0%, 94.5%) |
| HSV (OR HSB) | 60.0°, 11.0, 100.0 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11111111, 11111111, 11100011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 1.000, blue: 0.890) | |
| iOS - UIKit | UIColor(red: 1.000, green: 1.000, blue: 0.890, alpha: 1) | |
| Android - Compose | Color(0xFFFFFFE3) |