Kleur geel

De helderste kleur van de kleurencirkel en de eerste die het oog opvalt. Het hoort bij de zon, de zomer en voorzichtigheid. Daarom zie je het op taxi's, verkeersborden en merken die vrolijk willen ogen.

Geel · #FFFF00

Feiten over de kleur geel

De kleur geel (#FFFF00) is warm, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de geeltinten. Ze bestaat uit 255 rood, 255 groen en 0 blauw (van de 255). Veelgebruikt voor: bewegwijzering, logo's, kinderen, web.

Tinten van geel: licht en donker

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

Kleuren die passen bij geel

GrijsEen moderne, evenwichtige klassieker.MarineblauwEen sterk, elegant contrast.WitFris en licht.ZwartMaximaal contrast, heel grafisch.PaarsDe complementaire kleur, levendig en gedurfd.GroenEen natuurlijke, vrolijke mix.HemelsblauwEen voorjaarsduo.BeigeEen zachte, warme basis.

Zo combineer je geel in kleding en interieur →

Kleurharmonieën van geel

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Blauw

AnaloogLijkt op: Oranje, Chartreuse

TriadeLijkt op: Cyaan, Magenta

Gesplitst complementairLijkt op: Elektrisch blauw, Violet

TetradeLijkt op: Mintgroen, Blauw, Felroze

Kleurenpaletten met geel

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

Palet Monochroom · Geel

Palet Analoog · Geel

Palet Complementair · Geel

Palet Triade · Geel

Palet Met neutrale kleuren · Geel

Palet Met accent · Geel

Contrast van geel met tekst

Witte tekstContrast 1.1:1 · Niet aanbevolen

Zwarte tekstContrast 19.6:1 · AAA

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

CSS-code

:root {
  --geel: #FFFF00;
  --geel-rgb: 255, 255, 0;
}
.achtergrond { background-color: var(--geel); }
.tekst { color: var(--geel); }

Kleuren die lijken op geel

Citroengeel Kanariegeel Fluorescerend geel Goud Limoengroen Maisgeel Zonnebloemgeel Saffraan Amber Appelgroen

Andere geeltinten

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

Veelgestelde vragen

Wat is de kleurcode van geel?

De HEX-code van de kleur geel is #FFFF00. In RGB is dat rgb(255, 255, 0), in HSL hsl(60, 100%, 50%) en in CMYK 0, 0, 100, 0.

Wat is de complementaire kleur van geel?

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

Kun je witte tekst gebruiken op de kleur geel?

Gebruik liever zwarte tekst: het contrast met wit is maar 1.1:1, met zwart is het 19.6:1.

Welke kleuren passen bij geel?

Past goed bij grijs, marineblauw, wit, zwart, paars. Combineer het niet tegelijk met intens oranje en rood, want dan wordt de look schreeuwerig. Als tekst op puur wit is geel heel slecht leesbaar.