Kleurenpaletten

Kleur koffiebruin

Geïnspireerd op vers gezette, donker gebrande koffie. Een warm, knus middenbruin. De logische keuze voor koffiebars, verpakkingen van koffiebonen en donkere houten meubels.

Ook wel: koffie, koffiekleur.

Koffiebruin · #6F4E37

Feiten over de kleur koffiebruin

De kleur koffiebruin (#6F4E37) is warm, middelmatig licht en matig verzadigd. Deze kleur hoort bij de familie van de bruintinten. Ze bestaat uit 111 rood, 78 groen en 55 blauw (van de 255). Veelgebruikt voor: mode, interieur, koffiebars.

Tinten van koffiebruin: licht en donker

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

Kleuren die passen bij koffiebruin

BeigeEen elegant, zacht palet van aardetinten.CrèmeMaakt bruin lichter en frisser.LichtblauwEen koel, fris contrast dat nu erg populair is.OlijfgroenEen natuurlijke combinatie, klaar voor de herfst.OudrozeEen zacht, warm duo.Gebrand oranjeVersterkt een warme retrostijl.MarineblauwElegant en ingetogen.MosterdgeelEen warm accent dat naar herfst roept.
Zo combineer je koffiebruin in kleding en interieur →

Kleurharmonieën van koffiebruin

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Petrolblauw
AnaloogLijkt op: Wijnrood, Legergroen
TriadeLijkt op: Flessengroen, Ultraviolet
Gesplitst complementairLijkt op: Dennengroen, Ultraviolet
TetradeLijkt op: Mexicaans groen, Petrolblauw, Pruimpaars

Kleurenpaletten met koffiebruin

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

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

Contrast van koffiebruin met tekst

Witte tekstContrast 7.4:1 · AAA
Zwarte tekstContrast 2.8:1 · Niet aanbevolen

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

CSS-code

:root {
  --koffiebruin: #6F4E37;
  --koffiebruin-rgb: 111, 78, 55;
}
.achtergrond { background-color: var(--koffiebruin); }
.tekst { color: var(--koffiebruin); }

Kleuren die lijken op koffiebruin

TabaksbruinTaupeSepiaMokkaMarsalaKoffie verkeerdDonkergrijsKastanjebruinWijnroodLegergroen

Kleurenpaletten per thema met deze kleur

Kleurenpaletten voor je bruiloftKleurenpaletten voor een babyshowerKleurenpaletten voor een koffiebarKleurenpaletten voor kapsalons en schoonheidssalonsKleurenpaletten voor een bakkerij of patisserieKleurenpaletten voor de slaapkamer

Andere bruintinten

BruinChocoladebruinMahonieKastanjebruinKaneelSepiaOkerKaramelCamelMokkaKakiZandBeigeNudeBronsTabaksbruinSiennaKoffie verkeerd

Veelgestelde vragen

Wat is de kleurcode van koffiebruin?

De HEX-code van de kleur koffiebruin is #6F4E37. In RGB is dat rgb(111, 78, 55), in HSL hsl(25, 34%, 33%) en in CMYK 0, 30, 50, 56.

Wat is de complementaire kleur van koffiebruin?

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

Kun je witte tekst gebruiken op de kleur koffiebruin?

Ja. Het contrast met wit is 7.4:1, genoeg voor normale tekst (WCAG AA).

Welke kleuren passen bij koffiebruin?

Past goed bij beige, crème, lichtblauw, olijfgroen, oudroze. Combineer het niet met zwart, tenzij een lichte kleur ze scheidt, want anders oogt de look zwaar. Heel koele grijstinten nemen de warmte weg.