Denk aan vanille-ijs: een zoet, geelachtig wit. Warm en uitnodigend. Je ziet het bij bakkerijen, in keukens en in voorjaarskleding.
Ook wel: vanillewit, vanillegeel.
De kleur vanille (#F3E5AB) is warm, licht en sterk verzadigd. Deze kleur hoort bij de familie van de wittinten. Ze bestaat uit 243 rood, 229 groen en 171 blauw (van de 255). Veelgebruikt voor: bakken, interieur, mode.
Van licht naar donker. Tik op een tint om de code te kopiëren.
Bekijk alle tinten: Kleurtinten-generator
Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.
Kopieer de codes of open het palet in de editor om het aan te passen.
Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.
:root {
--vanille: #F3E5AB;
--vanille-rgb: 243, 229, 171;
}
.achtergrond { background-color: var(--vanille); }
.tekst { color: var(--vanille); }De HEX-code van de kleur vanille is #F3E5AB. In RGB is dat rgb(243, 229, 171), in HSL hsl(48, 75%, 81%) en in CMYK 0, 6, 30, 5.
De complementaire kleur in de kleurencirkel is #ABB9F3, een tint die in de buurt komt van pastellila. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.
Gebruik liever zwarte tekst: het contrast met wit is maar 1.3:1, met zwart is het 16.6:1.