Kleur mosterdgeel

Geïnspireerd op mosterd: een donker geel met een vleugje bruin. Een trendkleur voor herfstkleding en retrofauteuils. Het staat prachtig bij grijs, marineblauw en wit.

Ook wel: mosterd, mosterdkleur.

Mosterdgeel · #E1AD01

Feiten over de kleur mosterdgeel

De kleur mosterdgeel (#E1AD01) is warm, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de geeltinten. Ze bestaat uit 225 rood, 173 groen en 1 blauw (van de 255). Veelgebruikt voor: mode, interieur.

Tinten van mosterdgeel: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Kleuren die passen bij mosterdgeel

MarineblauwEen heel elegant contrast tussen warm en koel.GrijsGrijs maakt mosterdgeel rustiger en moderner.OlijfgroenEen natuurlijk duo, helemaal klaar voor de herfst.KoffiebruinVormt een knus palet van aardetinten.WitLaat het fris en strak ogen.PaarsBijna de complementaire kleur, voor een gedurfd contrast.PetrolblauwEen intens en verfijnd duo.ZwartEen sterk, modern contrast.

Zo combineer je mosterdgeel in kleding en interieur →

Kleurharmonieën van mosterdgeel

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Paars

AnaloogLijkt op: Neonoranje, Limoengroen

TriadeLijkt op: Aquamarijn, Violet

Gesplitst complementairLijkt op: Staalblauw, Blauw

TetradeLijkt op: Neongroen, Paars, Fuchsia

Kleurenpaletten met mosterdgeel

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Mosterdgeel

Palet Analoog · Mosterdgeel

Palet Complementair · Mosterdgeel

Palet Triade · Mosterdgeel

Palet Met neutrale kleuren · Mosterdgeel

Palet Met accent · Mosterdgeel

Contrast van mosterdgeel met tekst

Witte tekstContrast 2.1:1 · Niet aanbevolen

Zwarte tekstContrast 10.2:1 · AAA

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

:root {
  --mosterdgeel: #E1AD01;
  --mosterdgeel-rgb: 225, 173, 1;
}
.achtergrond { background-color: var(--mosterdgeel); }
.tekst { color: var(--mosterdgeel); }

Kleuren die lijken op mosterdgeel

Saffraan Amber Zonnebloemgeel Honing Karamel Oudgoud Pasteloranje Goud Worteloranje Maisgeel

Kleurenpaletten per thema met deze kleur

Andere geeltinten

Geel Goud Oudgoud Citroengeel Amber Tarwe Honing Kanariegeel Saffraan Champagne Pastelgeel Fluorescerend geel Maisgeel Zonnebloemgeel

Veelgestelde vragen

Wat is de kleurcode van mosterdgeel?

De HEX-code van de kleur mosterdgeel is #E1AD01. In RGB is dat rgb(225, 173, 1), in HSL hsl(46, 99%, 44%) en in CMYK 0, 23, 100, 12.

Wat is de complementaire kleur van mosterdgeel?

De complementaire kleur in de kleurencirkel is #0135E1, een tint die in de buurt komt van paars. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur mosterdgeel?

Gebruik liever zwarte tekst: het contrast met wit is maar 2.1:1, met zwart is het 10.2:1.

Welke kleuren passen bij mosterdgeel?

Past goed bij marineblauw, grijs, olijfgroen, koffiebruin, wit. Combineer het niet met citroengeel of limoengroen, want daarnaast ziet mosterdgeel er vies uit. Fel oranje concurreert er ook mee.