Kleurenpaletten

Kleur oranje

Vernoemd naar de vrucht, die via het Arabische naranj uit Azië naar Europa kwam. In Nederland is het natuurlijk ook de kleur van het koningshuis en het Nederlands elftal. Je ziet het op veiligheidshesjes, kortingsborden en merken die vriendelijk willen overkomen.

Oranje · #FF8000

Feiten over de kleur oranje

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

Tinten van oranje: licht en donker

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

Kleuren die passen bij oranje

MarineblauwDe donkere complementaire kleur: een sterk, elegant contrast.WitFris en vrolijk.GrijsMaakt oranje rustiger en moderner.KoffiebruinEen warm herfstpalet.OlijfgroenEen natuurlijke retromix.PaarsEen gedurfd, creatief contrast.TurquoiseEen tropisch duo vol leven.BeigeEen zachte, warme basis.
Zo combineer je oranje in kleding en interieur →

Kleurharmonieën van oranje

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Elektrisch blauw
AnaloogLijkt op: Rood, Geel
TriadeLijkt op: Mintgroen, Violet
Gesplitst complementairLijkt op: Cyaan, Blauw
TetradeLijkt op: Neongroen, Elektrisch blauw, Magenta

Kleurenpaletten met oranje

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

Palet Monochroom · Oranje
Palet Analoog · Oranje
Palet Complementair · Oranje
Palet Triade · Oranje
Palet Met neutrale kleuren · Oranje
Palet Met accent · Oranje

Contrast van oranje met tekst

Witte tekstContrast 2.5:1 · Niet aanbevolen
Zwarte tekstContrast 8.3:1 · AAA

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

CSS-code

:root {
  --oranje: #FF8000;
  --oranje-rgb: 255, 128, 0;
}
.achtergrond { background-color: var(--oranje); }
.tekst { color: var(--oranje); }

Kleuren die lijken op oranje

MandarijnoranjePompoenoranjeWorteloranjeNeonoranjeGebrand oranjeKaneelOkerKoraalOranjeroodMahonie

Kleurenpaletten per thema met deze kleur

Kleurenpaletten voor een mobiele appHalloween kleurenpalettenKleurenpaletten voor Día de los MuertosVrolijke kleurenpaletten

Andere oranjetinten

MandarijnoranjePompoenoranjeWorteloranjeAbrikoosPerzikKoraalTerracottaGebrand oranjeZalmrozeRoestKoperNeonoranjePasteloranjeOranjerood

Veelgestelde vragen

Wat is de kleurcode van oranje?

De HEX-code van de kleur oranje is #FF8000. In RGB is dat rgb(255, 128, 0), in HSL hsl(30, 100%, 50%) en in CMYK 0, 50, 100, 0.

Wat is de complementaire kleur van oranje?

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

Kun je witte tekst gebruiken op de kleur oranje?

Gebruik liever zwarte tekst: het contrast met wit is maar 2.5:1, met zwart is het 8.3:1.

Welke kleuren passen bij oranje?

Past goed bij marineblauw, wit, grijs, koffiebruin, olijfgroen. Combineer het niet met rood of fel roze zonder neutrale tinten, want dan wordt de look schreeuwerig. Met felgeel kan het te veel zijn.