Kleurenpaletten

Kleur oker

Een natuurlijk kleipigment met ijzeroxide, al gebruikt in grotschilderingen. Het is een aards, geelachtig bruin. Je vindt het op mediterrane gevels, keramiek en in boho-interieurs.

Ook wel: okergeel, gele oker.

Oker · #CC7722

Feiten over de kleur oker

De kleur oker (#CC7722) is warm, middelmatig licht en matig verzadigd. Deze kleur hoort bij de familie van de bruintinten. Ze bestaat uit 204 rood, 119 groen en 34 blauw (van de 255). Veelgebruikt voor: kunst, interieur, architectuur.

Tinten van oker: licht en donker

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

Kleuren die passen bij oker

PetrolblauwEen heel elegant contrast tussen warm en koel.OlijfgroenEen natuurlijk palet van aardetinten.WitLicht oker op.KoffiebruinHerfstige diepte.GrijsMaakt oker rustiger en moderner.TerracottaEen warm palet van aardetinten.MarineblauwElegantie en contrast.CrèmeEen zachte, warme basis.
Zo combineer je oker in kleding en interieur →

Kleurharmonieën van oker

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Frans blauw
AnaloogLijkt op: Vermiljoen, Maisgeel
TriadeLijkt op: Smaragdgroen, Paars
Gesplitst complementairLijkt op: Donkerturquoise, Paars
TetradeLijkt op: Grasgroen, Frans blauw, Magenta

Kleurenpaletten met oker

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

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

Contrast van oker met tekst

Witte tekstContrast 3.4:1 · AA grote tekst
Zwarte tekstContrast 6.2:1 · AA

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

CSS-code

:root {
  --oker: #CC7722;
  --oker-rgb: 204, 119, 34;
}
.achtergrond { background-color: var(--oker); }
.tekst { color: var(--oker); }

Kleuren die lijken op oker

BronsKaneelKoperWorteloranjeKaramelGebrand oranjeBruinMandarijnoranjeHoningKoraal

Kleurenpaletten per thema met deze kleur

Halloween kleurenpaletten

Andere bruintinten

BruinKoffiebruinChocoladebruinMahonieKastanjebruinKaneelSepiaKaramelCamelMokkaKakiZandBeigeNudeBronsTabaksbruinSiennaKoffie verkeerd

Veelgestelde vragen

Wat is de kleurcode van oker?

De HEX-code van de kleur oker is #CC7722. In RGB is dat rgb(204, 119, 34), in HSL hsl(30, 71%, 47%) en in CMYK 0, 42, 83, 20.

Wat is de complementaire kleur van oker?

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

Kun je witte tekst gebruiken op de kleur oker?

Gebruik liever zwarte tekst: het contrast met wit is maar 3.4:1, met zwart is het 6.2:1.

Welke kleuren passen bij oker?

Past goed bij petrolblauw, olijfgroen, wit, koffiebruin, grijs. Combineer het niet met citroengeel of fel oranje, want dan oogt oker vies. Het botst met kauwgomroze.