La vainilla es un color crema suave y calmante, situado entre el blanco y el amarillo en la rueda de colores. Emana calidez y comodidad. Tonos relacionados incluyen marfil y beige. Ideal para diseños minimalistas, crea una atmósfera serena y acogedora.
La vainilla se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #F3E5AB
- Valor RGB: 95.3% rojo, 89.8% verde, 67.1% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que la Vainilla, considera:
- Marfil (#ffffe3): Comparte un tono claro y cremoso que recuerda a la vainilla clásica, ofreciendo un matiz suave y delicado.
- Blanco Roto (#f2f0ef): Ofrece un matiz neutro y brillante comparable al brillo sutil de la vainilla.
- Champán (#f7e6ca): Exhibe un tono claro y cálido, reflejando la suave elegancia de la vainilla con un toque de oro.
- Crema (#fdfbd4): Refleja la rica esencia cremosa encontrada en la vainilla, con un brillo reconfortante.
Para complementar la Vainilla, considera combinarla con:
- Verde Bosque (#2e6f40): La riqueza terrosa del verde bosque equilibra la ligereza de la Vainilla, creando una paleta armoniosa y natural.
- Rojo Carmesí (#b22222): Este tono profundo y audaz añade un contraste llamativo a la suavidad de la Vainilla, creando una combinación dramática y elegante.
- Azul Cielo (#82c8e5): El tono refrescante del azul cielo realza la calidez suave de la Vainilla, resultando en un esquema de color sereno y aireado.
- Azafrán (#f1c338): El tono cálido y dorado del azafrán complementa la Vainilla añadiendo profundidad y riqueza, creando un efecto soleado y acogedor.
- Malva (#e0afff): Este suave púrpura apagado ofrece un contraste sutil a la ligereza de la Vainilla, proporcionando una combinación sofisticada y relajante.
Aunque la Vainilla es un tono sutil y neutro, puede chocar con:
- Rojo Sangre (#780606): La profundidad intensa del rojo sangre puede eclipsar la neutralidad suave de la vainilla, creando una combinación desequilibrada.
- Amarillo Oscuro (#ba8e23): La oscuridad del amarillo oscuro puede hacer que la vainilla parezca apagada y sin vida, careciendo de vitalidad.
- Verde Bosque (#2e6f40): Este verde rico puede dominar la ligereza de la vainilla, dificultando que la vainilla se destaque en los esquemas de color.
- Negro Azabache (#252525): El fuerte contraste entre el negro azabache y la vainilla puede ser demasiado duro, llevando a una tensión visual en lugar de armonía.
- Chocolate (#713600): La riqueza profunda del chocolate puede chocar con la calidez ligera de la vainilla, resultando en una combinación que se siente pesada y desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Retiro de Ópalo
Niebla Lujosa
Flor de Ámbar
Comprobador de contraste
Contraste 1,26
- Texto largo
#F3E5AB
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 16,61
- Texto largo
#F3E5AB
- 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 #F3E5AB, también llamado Vainilla, tiene valores RGB de R:243, G:229, B:171 y valores CMYK de C:0, M:6, Y:30, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #F3E5AB | #F3E5AB |
| RGB DECIMAL | 243, 229, 171 | RGB(243,229,171) |
| RGB PERCENTAGE | 95.3, 89.8, 67.1 | RGB(95.3%,89.8%,67.1%) |
| CMYK | 0, 6, 30, 5 | |
| HSL | HSL(48.3, 75.0%, 81.2%) | HSL(48.3, 75.0%, 81.2%) |
| HSV (OR HSB) | 48.3°, 29.6, 95.3 | |
| WEB SAFE | #255204153 | #255204153 |
| BINARY | 11110011, 11100101, 10101011 | |
| iOS - SwiftUI | Color(red: 0.953, green: 0.898, blue: 0.671) | |
| iOS - UIKit | UIColor(red: 0.953, green: 0.898, blue: 0.671, alpha: 1) | |
| Android - Compose | Color(0xFFF3E5AB) |