Die Farbe Braun ist ein satter, erdiger Ton, der die behaglichen Eigenschaften einer warmen Tasse Kakao vermittelt. Sie befindet sich auf der warmen Seite des Farbkreises und strahlt ein Gefühl von Bodenständigkeit und Sicherheit aus.
Um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten, wird Braun durch folgende Farbwerte definiert.
- HEX-Code: #895129
- RGB-Wert: 53,7 % Rot, 31,8 % Grün und 16,1 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Hier sind einige Möglichkeiten, Braun in deinen Designs zu verwenden:
- Wärme und Geborgenheit vermitteln. Braun weckt Gefühle von Gemütlichkeit und Sicherheit. Dies kann eine einladende Atmosphäre auf Social-Media-Apps oder E-Commerce-Seiten schaffen.
- Ein Gefühl von Raffinesse erzeugen. Braun eignet sich gut als Akzent oder Hintergrund für hochwertige Produkte und Dienstleistungen.
- Bodenständigkeit und Lesbarkeit etablieren. Braun kann eine neutrale und beruhigende Basis für Interfaces schaffen. Text auf braunen Hintergründen verbessert oft die Lesbarkeit.
- Tiefe und Dimension schaffen. Eine Palette aus verschiedenen Brauntönen kann ein visuell ansprechenderes Erlebnis erzeugen.
Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.
Für Variationen innerhalb des gleichen satten Spektrums wie Braun, ziehe folgende Farben in Betracht:
- Zimt (#D47E30) ist ein würziger Ton, der Wärme ausstrahlt und durch einen roten Einschlag zusätzliche Lebendigkeit erhält.
- Taupe (#54463A) ist eine raffinierte Mischung aus Braun und Grau, die eine neutrale und beruhigende Präsenz bietet.
- Gebranntes Orange (#BE5103) ist ein erdiger Ton mit Orangetönen, der Energie und Wärme hinzufügt.
- Kastanienbraun (#550000) ist ein tiefes, reiches Braun mit einem subtilen Rotstich, das Luxus und Eleganz ausstrahlt, wie ein edler, gereifter Wein.
Um Braun zu ergänzen, kombiniere es mit:
- Pastellblau (#B3EBF2) schafft ein Gefühl von Frieden und Gelassenheit in Kombination mit Braun.
- Rosenwasser (#FFD6D1) fügt einen Hauch von Weiblichkeit und Verspieltheit zur Wärme von Braun hinzu.
- Olivgrün (#636B2F) ergänzt die Erdigkeit von Braun und schafft ein harmonisches und organisches Gefühl.
- Beige (#EDE8D0) ist eine cremige, neutrale Farbe, die einen erfrischenden Kontrast zur Wärme von Braun bietet.
Weitere Farben, die in Betracht gezogen werden sollten, sind Anthrazit für einen modernen Touch, Grüntöne für eine erdige Palette und fröhliches Gelb für einen lebendigen Farbakzent.
Obwohl Braun erdig ist, kann es mit folgenden Farben kollidieren:
- Cyan (#00FFFF) ist zu hell und kühl, was mit der Wärme von Braun kollidiert.
- Rotorange (#FF4B33) kann mit der Wärme von Braun konkurrieren und einen disharmonischen Effekt erzeugen.
- Indigo (#560591) hat eine tiefe Sättigung und kühle Blautöne, die mit der Wärme von Braun kollidieren.
- Magenta (#FD3DB5) kann die erdige Natur von Braun überlagern und einen visuell störenden Effekt erzeugen.
Braun steht für Stabilität, Stärke und Bodenständigkeit und ruft Bilder von fruchtbarem Boden und beständiger Natur hervor. Es repräsentiert Einfachheit, Zuverlässigkeit und Tradition, wie gut getragenes Leder oder eine gemütliche Hütte.
In der Farbpsychologie vermittelt Braun Gefühle von Sicherheit, Komfort und Wärme. Dunklere Töne können jedoch manchmal Gefühle von Einsamkeit oder Melancholie hervorrufen.
Im UI/UX-Design ist Braun eine ausgezeichnete Wahl, um ein Gefühl von Vertrauen und Komfort zu schaffen, was es ideal für Grundtöne macht. Es verleiht auch Raffinesse für Premium-Erlebnisse. Setze Braun strategisch ein, um das Benutzererlebnis zu verbessern, ohne das Design zu schwer wirken zu lassen.
Braune Pigmente, wahrscheinlich aus natürlichen Tonerden wie Umbra gewonnen, wurden seit prähistorischen Zeiten verwendet. Höhlenmalereien, die bis zu 40 000 Jahre alt sind, zeigen braune Pigmente, die Tiere und menschliche Figuren darstellen.
Braune Erdtöne hatten im Laufe der Geschichte verschiedene symbolische Bedeutungen. Im alten Ägypten wurde Braun oft in Grabmalereien verwendet, um Hauttöne darzustellen. Im alten Rom hingegen wurde Braun oft mit den unteren Klassen assoziiert und galt als weniger wünschenswert als die lebendigen Farben, die von der Elite bevorzugt wurden.
Heute wird Braun mit Komfort, Stabilität und Natur assoziiert und ist eine beliebte Wahl in allem, von Mode bis hin zu Inneneinrichtung.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Teddybär
In die Natur
Gemütliches Lagerfeuer
Kontrastprüfer
Kontrast 6,42
- Großer Text
#895129
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 3,27
- Großer Text
#895129
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #895129, bekannt als Braun, hat die RGB-Werte R:137, G:81, B:41 und die CMYK-Werte C:0, M:41, Y:70, K:46.
| VALUE | CSS | |
|---|---|---|
| HEX | #895129 | #895129 |
| RGB DECIMAL | 137, 81, 41 | RGB(137,81,41) |
| RGB PERCENTAGE | 53.7, 31.8, 16.1 | RGB(53.7%,31.8%,16.1%) |
| CMYK | 0, 41, 70, 46 | |
| HSL | HSL(25.0, 53.9%, 34.9%) | HSL(25.0, 53.9%, 34.9%) |
| HSV (OR HSB) | 25.0°, 70.1, 53.7 | |
| WEB SAFE | #15310251 | #15310251 |
| BINARY | 10001001, 01010001, 00101001 | |
| iOS - SwiftUI | Color(red: 0.537, green: 0.318, blue: 0.161) | |
| iOS - UIKit | UIColor(red: 0.537, green: 0.318, blue: 0.161, alpha: 1) | |
| Android - Compose | Color(0xFF895129) |
