Taupe ist ein dezenter, raffinierter Graubraunton, der zwischen Rot und Gelb auf dem Farbkreis liegt und ihm eine reiche, warme Nuance verleiht. Dieser gedämpfte neutrale Farbton umfasst eine Bandbreite von Farben, von bräunlichen Grautönen bis hin zu dunklen Beigetönen, die ein Gefühl von Eleganz und Stabilität hervorrufen.
Taupe wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #54463A
- RGB-Wert: 32,9 % Rot, 27,5 % Grün und 22,7 % 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, Taupe in deinen Designs zu verwenden:
- Gib deinem Design Halt. Taupe kann leuchtende, kräftige Farben zügeln, um ein harmonisches Design zu schaffen. Es ist unaufdringlich und ausgewogen, was es zu einem Star in minimalistischen Designs oder als Akzent zu lebhafteren Tönen macht.
- Erzeuge Hierarchie durch Kontrast. Neutrales Taupe lässt andere Farben in deiner Palette hervorstechen. Als dunkler, neutraler Farbton ist Taupe eine hervorragende Wahl für Typografie und Navigationsleisten.
- Hebe wichtige Aktionen hervor. Nutze Taupe-Elemente, um Benutzer auf das Wesentliche zu lenken, wie z. B. einen Taupe-Button mit einem Hover-Effekt, der sich in einen etwas helleren Ton ändert, um die Benutzerinteraktion zu verbessern.
- Vermittle Eleganz. Kombiniere Taupe mit ähnlichen gedämpften Tönen für einen eleganten, professionellen Look. Taupe kann auch lebendige Farbakzente betonen, um ein raffiniertes, zeitgemäßes Design zu schaffen.
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 dunklen Spektrums wie Taupe, ziehe in Betracht:
- Anthrazit (#4A4A4A) bringt eine dunklere, dramatische Note mit rauchiger, entsättigter Eleganz.
- Bordeaux (#550000) fügt Intensität mit einem satten Rotton wie alter Wein hinzu.
- Gunmetal (#353E43) ist elegant und modern mit kühlen blauen Untertönen und industrieller Tiefe.
Um Taupe zu ergänzen, kombiniere es mit:
- Gebranntem Orange (#BE5103) schafft einen warmen, einladenden Kontrast zu Taupe, der an glühende Lagerfeuer und fallende Blätter erinnert.
- Champagner (#F7E6CA) harmoniert mit Taupe für eine ruhige, neutrale Ästhetik.
- Seegrün (#8DDCDC) kontrastiert die gedämpfte Wärme von Taupe für eine erfrischende, verspielte Palette.
Du kannst Taupe auch mit Juwelentönen für einen luxuriösen Look kombinieren, mit Schattierungen von Salbei oder Olivgrün, um die natürliche Wärme von Taupe zu ergänzen, sowie mit helleren Brauntönen oder Beigetönen für ein ausgewogenes, rustikales Design.
Obwohl Taupe ein warmer, neutraler Farbton ist, kann es mit folgenden Farben kollidieren:
- Rot (#FF2C2C) steht im Kontrast zu Taupes subtiler Wärme und erzeugt einen störenden Gegensatz.
- Fuchsia (#FE3894) überwältigt Taupe mit seiner hohen Sättigung und kühleren Tönung.
- Limettengrün (#89F336) kann visuelle Anstrengung erzeugen, wenn es mit einem gedämpften Farbton wie Taupe kombiniert wird.
- Elektrisches Blau (#00F0FF) stört die neutrale Ruhe von Taupe mit seiner intensiven Lebendigkeit und Sättigung.
Taupe steht für Praktikabilität und Eleganz, zieht aus rot-orangen Untertönen Wärme. Taupes erdige Braun- und Grautöne vermitteln Stabilität, Gelassenheit und Praktikabilität.
Taupe fördert ein Gefühl von Ruhe und Gelassenheit. Sein gedämpfter Ton überfordert die Sinne nicht und schafft ein geerdetes Gefühl von Ruhe. Die rot-orangen Untertöne rufen Komfort und Wärme hervor und inspirieren gleichzeitig Kreativität.
Taupe kann als beruhigender Gegenpol zu kräftigen Farben wirken, Hierarchie schaffen, indem es anderen Farben erlaubt, hervorzustechen, oder Eleganz hervorrufen, wenn es mit ähnlichen gedämpften Tönen kombiniert wird. Seine Vielseitigkeit wird in vielen Anwendungen geschätzt, um Wärme, Professionalität und Eleganz zu vermitteln und ein einladenderes Benutzererlebnis zu schaffen.
Das Wort Taupe stammt aus dem Französischen „taupe“ und dem Lateinischen „talpa“, was „Maulwurf“ bedeutet und sich auf die durchschnittliche Farbe von Maulwurfsfell bezieht. Die früheste dokumentierte Verwendung von „Taupe“ zur Beschreibung einer Farbe geht auf einen Zeitungsartikel von 1846 zurück, der Taupe als modische Wahl unter anderen Schattierungen erwähnte.
Im Laufe der Zeit wurde Taupe aufgrund seiner Vielseitigkeit und zurückhaltenden Eleganz konsequent in Mode und Inneneinrichtung verwendet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Caffe Mocha
Mountain Views
The Woods
Kontrastprüfer
Kontrast 9,07
- Großer Text
#54463A
- 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,31
- Großer Text
#54463A
- 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 #54463a, bekannt als Taupe, hat die RGB-Werte R:84, G:70, B:58 und die CMYK-Werte C:0, M:17, Y:31, K:67.
| VALUE | CSS | |
|---|---|---|
| HEX | #54463a | #54463a |
| RGB DECIMAL | 84, 70, 58 | RGB(84,70,58) |
| RGB PERCENTAGE | 32.9, 27.5, 22.7 | RGB(32.9%,27.5%,22.7%) |
| CMYK | 0, 17, 31, 67 | |
| HSL | HSL(27.7, 18.3%, 27.8%) | HSL(27.7, 18.3%, 27.8%) |
| HSV (OR HSB) | 27.7°, 31.0, 32.9 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01010100, 01000110, 00111010 | |
| iOS - SwiftUI | Color(red: 0.329, green: 0.275, blue: 0.227) | |
| iOS - UIKit | UIColor(red: 0.329, green: 0.275, blue: 0.227, alpha: 1) | |
| Android - Compose | Color(0xFF54463A) |
