Die Farbe Schokoladenbraun ist ein warmer Braunton, der sich zwischen Rot und Gelb im Farbkreis befindet. Sein satter Farbton, der an Milchschokolade erinnert, strahlt Geborgenheit und Erdung aus.
Schokoladenbraun wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #713600
- RGB-Wert: 44,3 % Rot, 21,2 % Grün und 0 % 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, Schokoladenbraun in deinen Designs zu verwenden:
- Tiefe hinzufügen. Die satte Farbe von Schokoladenbraun eignet sich hervorragend, um Schatten und Highlights auf UI-Elementen zu erzeugen, was eine Dimension und Abgrenzung vom Hintergrund schafft.
- Wärme einfließen lassen. Die einladenden Eigenschaften von Schokoladenbraun schaffen eine gemütliche Atmosphäre—ideal für Cafés oder Bäckereien. Verwende es als Akzentfarbe auf Buttons, Texten oder Icons, kombiniert mit hellen und luftigen Farben wie Creme oder Beige für einen ausgewogenen Look.
- Ein naturinspiriertes UI schaffen. Für Outdoor-Marken, die Aktivitäten wie Camping, Wandern oder Gärtnern fördern, schafft Schokoladenbraun eine Verbindung zur Natur. Es eignet sich hervorragend als Primär- oder Sekundärfarbe, kombiniert mit anderen Grüntönen und neutralen Schattierungen, um die natürliche Ästhetik zu ergänzen.
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 Schokoladenbraun, ziehe folgende Farben in Betracht:
- Mokka (#6D3B07) ist etwas dunkler und erinnert an die Mischung aus Kaffee und Schokolade.
- Braun (#895129) bringt einen etwas helleren Touch mit der gleichen Wärme.
- Taupe (#54463A) wirkt kühler durch seine grauen Untertöne.
- Weinrot (#550000) teilt eine ähnliche Sättigung, neigt jedoch mehr zu Rot mit subtilen Brauntönen.
Um Schokoladenbraun zu ergänzen, kombiniere es mit:
- Marineblau (#000080) bietet eine zeitlose und elegante Farbkombination.
- Creme (#FDFBD4) bietet einen beruhigenden, neutralen Hintergrund, der Schokoladenbraun hervorhebt.
- Waldgrün (#2E6F40) schafft eine harmonische Palette mit einem natürlichen Gefühl.
- Gebranntes Orange (#BE5103) verstärkt die Wärme von Schokoladenbraun und schafft eine herbstliche Farbpalette.
- Pfirsich (#FFD3AC) bietet einen sanften und zarten Kontrast neben Schokoladenbraun.
Weitere Farben, die in Betracht gezogen werden sollten, sind Hellblau für ein entspanntes Gefühl, Mandarine für einen Hauch von Lebendigkeit und Salbei für eine erdige Farbpalette.
Während Schokoladenbraun warm ist, kann es mit folgenden Farben kollidieren:
- Königsblau (#305CDE) hat eine Lebendigkeit, die neben Schokoladenbraun einen harten Kontrast erzeugen kann.
- Graphitgrau (#353E43) kann matschig wirken und die warme und einladende Ausstrahlung von Schokoladenbraun stören.
- Gelbgrün (#CCFF00) harmoniert nicht mit Schokoladenbraun aufgrund seiner lebhaften Ausstrahlung.
- Violett (#7F00FF) ist kühl und kann eine unausgeglichene Farbkombination erzeugen.
Schokoladenbraun steht für Stabilität, Stärke und Widerstandsfähigkeit. Es trägt auch Konnotationen von Luxus und Genuss.
In der Farbpsychologie fördert Schokoladenbraun Wärme und Geborgenheit. Ähnlich wie ein dekadentes Stück Schokolade oder eine Tasse heißer Kakao weckt es auch Gefühle von Freude. Aufgrund seiner Verbindung zu natürlichen Tönen bringt Schokoladenbraun auch Gefühle von Frieden und Ruhe mit sich.
Im UI-Design schafft Schokoladenbraun eine warme und einladende Atmosphäre, ideal für Café- oder Bäckerei-Apps. Seine Sättigung ist auch nützlich, um Tiefe und Textur zu Elementen hinzuzufügen, was hilft, visuelles Interesse in jedem UI zu wecken.
Der Farbname „Schokoladenbraun“ wurde 1734 erstmals aufgezeichnet, inspiriert vom Farbton seines Namensgebers. Das Wort „Schokolade“ trat jedoch um 1600 in die englische Sprache ein, nachdem die Spanier Schokolade in den Rest Europas eingeführt hatten.
Im antiken Rom wurden Brauntöne mit der unteren Klasse assoziiert. Diese Verbindung änderte sich, als Schokolade in Europa zu einem Luxusgut wurde, was die Farbe mit Exklusivität verband. Dies trägt wahrscheinlich zur heutigen Wahrnehmung von Schokoladenbraun als Farbe des Genusses und der Raffinesse bei.
Abgesehen von seiner Verbindung zur süßen Leckerei sind die erdigen Brauntöne von Schokoladenbraun in der Natur weit verbreitet. Zum Beispiel wurden die Chocolate Mountains in Südkalifornien nach der Farbe benannt, da sie in den Trockenzeiten wie Schokoladenhügel aussahen. Heute erstreckt sich die Vielseitigkeit von Schokoladenbraun über seine natürliche Verbindung hinaus und wird in Mode, Design, Kosmetik und Kunst verwendet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Schokoladenkuchen
Braunstein
Rustikaler Charme
Kontrastprüfer
Kontrast 9,42
- Großer Text
#713600
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 2,23
- Großer Text
#713600
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #713600, bekannt als Schokoladenbraun, hat die RGB-Werte R:113, G:54, B:0 und die CMYK-Werte C:0, M:52, Y:100, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #713600 | #713600 |
| RGB DECIMAL | 113, 54, 0 | RGB(113,54,0) |
| RGB PERCENTAGE | 44.3, 21.2, 0.0 | RGB(44.3%,21.2%,0.0%) |
| CMYK | 0, 52, 100, 56 | |
| HSL | HSL(28.7, 100.0%, 22.2%) | HSL(28.7, 100.0%, 22.2%) |
| HSV (OR HSB) | 28.7°, 100.0, 44.3 | |
| WEB SAFE | #102510 | #102510 |
| BINARY | 01110001, 00110110, 00000000 | |
| iOS - SwiftUI | Color(red: 0.443, green: 0.212, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.443, green: 0.212, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF713600) |
