La vainilla es un color crema suave y calmante, ubicado 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 diversas plataformas y dispositivos digitales.
- Código Hex: #F3E5AB
- Valor RGB: 95.3% rojo, 89.8% verde, 67.1% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Para variaciones dentro del mismo espectro que la vainilla, considera:
- Marfil (#ffffe3): Comparte un tono claro y cremoso, reminiscente de 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 dorado.
- 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, logrando 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 al añadir profundidad y riqueza, creando un efecto soleado y acogedor.
- Malva (#e0afff): Este púrpura suave y 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 neutral, 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 opacidad 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Retiro de Ópalo
Niebla Lujosa
Flor de Ámbar
Verificador de contraste
Contraste 1,26
- Texto grande
#F3E5AB
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 16,61
- Texto grande
#F3E5AB
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #F3E5AB, también conocido como 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) |
