El amarillo mostaza es un tono vívido y rico de amarillo, que le otorga las cualidades cálidas y picantes de su homónimo condimento, la mostaza amarilla. Este color se sitúa entre los segmentos de naranja y amarillo en el círculo cromático, dándole una sensación más profunda y terrosa que otros amarillos puros.
El amarillo mostaza se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FFCE1B
- Valor RGB: 100% rojo, 80.8% verde, y 10.6% azul
Aquí hay algunas formas de usar el amarillo mostaza en tus diseños:
- Infundir calidez y optimismo. El amarillo mostaza puede crear una sensación acogedora cuando se usa en pantallas de bienvenida o carga.
- Indicar éxito. Este color evoca positividad en páginas de validación de formularios y barras de progreso para señalar la finalización.
- Mejorar diseños estacionales. Usa la calidez del amarillo mostaza para añadir confort y alegría a los diseños otoñales.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro rico que el amarillo mostaza, considera:
- Oro (#EFBF04) comparte los tonos ricos de amarillo y naranja del amarillo mostaza, solo un poco más oscuro.
- Ámbar (#FFBF00) aporta una sensación más cálida y profunda y tiene más tonos naranjas.
- Mimosa (#F2B949) es más apagado y ofrece una alternativa tranquila al amarillo mostaza.
- Dijon (#FFD700) es ligeramente más vibrante, y sus toques de marrón evocan una vibra más terrosa.
Para complementar el amarillo mostaza, considera emparejarlo con:
- Azul real (#305CDE) contrasta audazmente con el amarillo mostaza y resalta su brillo.
- Verde petróleo (#069494) equilibra la calidez del amarillo mostaza para crear una sensación refrescante y relajante.
- Beige (#EDE8D0) juega suavemente con la vibrancia del amarillo mostaza con sus tonos claros y suaves.
- Morado real (#6C3BAA) se combina con los tonos ricos del amarillo mostaza para una vibra más refinada.
Otros colores que vale la pena considerar incluyen el óxido para realzar la terrosidad del amarillo mostaza, morado neón para infundir un aspecto divertido y juguetón, y magenta para enfatizar el brillo del amarillo mostaza.
Aunque el amarillo mostaza es cálido, puede chocar con:
- Verde menta (#ADEBB3) puede chocar con la saturación y los tonos cálidos del amarillo mostaza.
- Azul eléctrico (#00F0FF) puede competir con el amarillo mostaza, creando un visual abrumador.
- Violeta (#7F00FF) puede entrar en conflicto con la terrosidad y el brillo del amarillo mostaza.
- Marrón oscuro (#422921) puede opacar el amarillo mostaza y crear una paleta confusa.
El amarillo mostaza simboliza optimismo y confort. Su calidez connota terrosidad y satisfacción, y su riqueza exuda sofisticación y refinamiento.
En la psicología del color, el amarillo mostaza evoca sentimientos de felicidad y comodidad. Crea una atmósfera acogedora que promueve la creatividad y la alegría.
En el diseño de interfaces, el amarillo mostaza imbuye positividad en los diseños. Úsalo como un acento o para interacciones basadas en el éxito para alentar suavemente a los usuarios durante la incorporación o las presentaciones. El amarillo mostaza también es una excelente opción para dar la bienvenida a los usuarios al ingresar a una aplicación o sitio web.
El amarillo mostaza ha sido un color popular en el arte desde el siglo XIX. Tuvo roles prominentes en el arte impresionista y fauvista. “El dormitorio” de Vincent van Gogh de 1888 presenta un color amarillo mostaza similar para la cama y las sillas. “Interior en amarillo” de Henri Matisse de 1946 también incorpora un tono amarillo mostaza similar.
Entre los entusiastas del diseño de interiores y la decoración, este cálido color amarillo es un tono popular para muebles y esquemas de color de mediados de siglo moderno.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Mostaza Artesanal
Neo-Retro
Estallido Solar
Verificador de contraste
Contraste 1,49
- Texto grande
#FFCE1B
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,1
- Texto grande
#FFCE1B
- 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 #ffce1b, también conocido como Amarillo mostaza, tiene valores RGB de R:255, G:206, B:27 y valores CMYK de C:0, M:19, Y:89, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffce1b | #ffce1b |
| RGB DECIMAL | 255, 206, 27 | RGB(255,206,27) |
| RGB PERCENTAGE | 100.0, 80.8, 10.6 | RGB(100.0%,80.8%,10.6%) |
| CMYK | 0, 19, 89, 0 | |
| HSL | HSL(47.1, 100.0%, 55.3%) | HSL(47.1, 100.0%, 55.3%) |
| HSV (OR HSB) | 47.1°, 89.4, 100.0 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11111111, 11001110, 00011011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.808, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.808, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFFFFCE1B) |
