Paleta de colores

Color mostaza

Imita la salsa de mostaza: amarillo oscuro con un toque marrón. Es uno de los colores de tendencia en ropa de otoño y en sillones de estilo retro. Combina muy bien con gris, azul marino y blanco.

También llamado: amarillo mostaza.

Mostaza · #E1AD01

Datos del color mostaza

El mostaza (#E1AD01) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los amarillos. Se mezcla con 225 de rojo, 173 de verde y 1 de azul (sobre 255). Se usa sobre todo en moda, decoración.

Tonos del mostaza: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el mostaza

Azul marinoUn contraste cálido-frío muy elegante.GrisEl gris calma el mostaza y lo hace moderno.Verde olivaUna dupla otoñal y natural.CaféRefuerza una paleta tierra acogedora.BlancoLo hace ver fresco y limpio.MoradoSu complementario aproximado, para un contraste audaz.Azul petróleoUn dúo intenso y sofisticado.NegroContraste fuerte y moderno.
Cómo combinar el mostaza en ropa y decoración →

Armonías del color mostaza

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Morado
AnálogosCercano a: Naranja neón, Lima
TríadaCercano a: Aguamarina, Violeta
Complementario divididoCercano a: Azul acero, Azul
TétradaCercano a: Verde neón, Morado, Fucsia

Paletas con el color mostaza

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Mostaza
Paleta Análoga · Mostaza
Paleta Complementaria · Mostaza
Paleta Tríada · Mostaza
Paleta Con neutros · Mostaza
Paleta Con acento · Mostaza

Contraste del mostaza con texto

Texto blancoContraste 2.1:1 · No recomendado
Texto negroContraste 10.2:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --mostaza: #E1AD01;
  --mostaza-rgb: 225, 173, 1;
}
.fondo { background-color: var(--mostaza); }
.texto { color: var(--mostaza); }

Colores parecidos al mostaza

AzafránÁmbarGirasolMielCarameloOro viejoNaranja pastelDoradoZanahoriaMaíz

Paletas temáticas con este color

Otros amarillos

AmarilloDoradoOro viejoLimónÁmbarTrigoMielCanarioAzafránChampánAmarillo pastelAmarillo fluorescenteMaízGirasol

Preguntas frecuentes

¿Cuál es el código del color mostaza?

El código HEX del color mostaza es #E1AD01. En RGB es rgb(225, 173, 1), en HSL es hsl(46, 99%, 44%) y en CMYK es 0, 23, 100, 12.

¿Qué color es el complementario del mostaza?

Su complementario en el círculo cromático es #0135E1, un tono cercano al morado. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color mostaza?

Mejor usa texto negro: el contraste con blanco es solo 2.1:1, mientras que con negro es 10.2:1.

¿Con qué colores combina el mostaza?

Combina bien con azul marino, gris, verde oliva, café, blanco. Evita juntarlo con amarillos limón o verdes lima, porque se ve sucio a su lado. El naranja brillante también compite con él.