Kleur bruin

De basiskleur van aarde, hout en leer. In Spanje heet het marrón, naar het Franse woord voor kastanje, en in Latijns-Amerika vaak café. Het straalt stabiliteit en warmte uit.

Bruin · #964B00

Feiten over de kleur bruin

De kleur bruin (#964B00) is warm, donker en sterk verzadigd. Deze kleur hoort bij de familie van de bruintinten. Ze bestaat uit 150 rood, 75 groen en 0 blauw (van de 255). Veelgebruikt voor: mode, interieur, branding.

Tinten van bruin: licht en donker

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

Kleuren die passen bij bruin

BeigeEen zacht, harmonieus palet van aardetinten.WitBrengt licht en frisheid in bruin.DenimblauwDe klassieker: spijkerstof met bruin leer.BosgroenEen natuurlijke combinatie, als een wandeling in het bos.OranjeZijn warme neef, perfect voor de herfst.OudrozeMaakt bruin zachter met een romantische touch.TurquoiseEen fris contrast in boho-stijl.CrèmeEen warm, licht duo.

Zo combineer je bruin in kleding en interieur →

Kleurharmonieën van bruin

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Denimblauw

AnaloogLijkt op: Bloedrood, Olijfgroen

TriadeLijkt op: Jadegroen, Paars

Gesplitst complementairLijkt op: Blauwgroen, Donkerblauw

TetradeLijkt op: Groen, Denimblauw, Purper

Kleurenpaletten met bruin

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

Palet Monochroom · Bruin

Palet Analoog · Bruin

Palet Complementair · Bruin

Palet Triade · Bruin

Palet Met neutrale kleuren · Bruin

Palet Met accent · Bruin

Contrast van bruin met tekst

Witte tekstContrast 6.4:1 · AA

Zwarte tekstContrast 3.3:1 · AA grote tekst

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

CSS-code

:root {
  --bruin: #964B00;
  --bruin-rgb: 150, 75, 0;
}
.achtergrond { background-color: var(--bruin); }
.tekst { color: var(--bruin); }

Kleuren die lijken op bruin

Chocoladebruin Sienna Koper Roest Oker Kaneel Brons Sepia Gebrand oranje Mahonie

Andere bruintinten

Koffiebruin Chocoladebruin Mahonie Kastanjebruin Kaneel Sepia Oker Karamel Camel Mokka Kaki Zand Beige Nude Brons Tabaksbruin Sienna Koffie verkeerd

Veelgestelde vragen

Wat is de kleurcode van bruin?

De HEX-code van de kleur bruin is #964B00. In RGB is dat rgb(150, 75, 0), in HSL hsl(30, 100%, 29%) en in CMYK 0, 50, 100, 41.

Wat is de complementaire kleur van bruin?

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

Kun je witte tekst gebruiken op de kleur bruin?

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

Welke kleuren passen bij bruin?

Past goed bij beige, wit, denimblauw, bosgroen, oranje. Mix niet veel verschillende bruintinten zonder een lichte kleur ertussen, want dan loopt alles in elkaar over. Bruin met puur zwart kan zwaar ogen.