Mahagoni ist ein satter, warmer Braunton mit tiefen roten Nuancen, der Eleganz und Beständigkeit ausstrahlt. Auf dem Farbkreis liegt es zwischen Rot und Braun. Ähnliche Töne sind Kastanie und Burgunder. Verwende Mahagoni, um Designs Tiefe und Raffinesse zu verleihen, besonders in klassischen oder gemütlichen Umgebungen.

Mahagoni wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #C04000
- RGB-Wert: 75,3 % Rot, 25,1 % Grün, 0,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.
Für Variationen im gleichen Spektrum wie Mahagoni, ziehe folgende Farben in Betracht:
- Gebranntes Orange (#be5103): Diese Farbe fängt die reiche, erdige Wärme von Mahagoniholz ein und teilt seine rötlichen Untertöne mit einem etwas helleren Ton.
- Rotbraun (#942222): Mit seiner tiefen Mischung aus Braun und Rot spiegelt dieser Ton das robuste, polierte Aussehen typischer Mahagonimöbel wider.
- Cognac (#a2574f): Cognac verkörpert eine ähnliche luxuriöse und reiche Ausstrahlung, mit warmen, rötlich-braunen Tönen, die Mahagonis natürliche Tiefe widerspiegeln.
- Ziegelrot (#c04657): Diese Farbe bietet eine Mischung aus Rot und Braun, die an Mahagonis dunkle, rötliche Anziehungskraft erinnert und eine etwas lebendigere Variante darstellt.
Um Mahagoni zu ergänzen, kombiniere es mit:
- Elfenbein (#ffffe3): Dieser neutrale Ton bietet einen subtilen Kontrast, der die Wärme und den Reichtum von Mahagoni hervorhebt, ohne es zu überlagern.
- Pfirsich (#ffd3ac): Mit einem sanften und warmen Touch ergänzt Pfirsich Mahagoni durch seine sanfte Lebendigkeit und schafft eine gemütliche und einladende Palette.
- Teal (#069494): Die kühlen Untertöne von Teal kontrastieren wunderschön mit der Wärme von Mahagoni und bieten eine erfrischende und dynamische Kombination.
- Mintgrün (#adebb3): Diese frische, helle Farbe bietet einen luftigen und lebendigen Kontrast, der Mahagonis Tiefe und Reichtum verstärkt.
Weitere Farben, die in Betracht gezogen werden sollten, sind Marineblau für ein tiefes und ergänzendes Schema und Cremeweiß, um einen sauberen, klassischen Look zu betonen.
Obwohl Mahagoni eine reiche, tiefe Farbe ist, kann es mit folgenden Farben kollidieren:
- Neonpink (#FF13F0): Dieses leuchtende Pink ist im Vergleich zur subtilen Tiefe von Mahagoni zu lebhaft und erzeugt einen grellen Kontrast statt Harmonie.
- Türkis (#40E0D0): Die hohe Sättigung von Türkis neigt dazu, mit der Wärme von Mahagoni zu konkurrieren, was zu einer unharmonischen Kombination führt.
- Leuchtendes Gelb (#FFED29): Dieses lebhafte Gelb kann Mahagoni überwältigen und es im Vergleich dazu matt erscheinen lassen.
- Mintgrün (#ADEBB3): Die pastellige Natur von Mintgrün kann einen starken Kontrast zu Mahagonis intensiver Reichhaltigkeit schaffen, was zu einem Ungleichgewicht führt.
- Cyan (#00FFFF): Die Kühle und Helligkeit von Cyan können mit den warmen, eleganten Tönen von Mahagoni kollidieren und visuelle Dissonanz erzeugen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Amber Inferno
Sienna Skies
Spice Fusion
Kontrastprüfer
Kontrast 5,28
- Großer Text
#C04000
- 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,97
- Großer Text
#C04000
- 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 #c04000, bekannt als Mahagoni, hat die RGB-Werte R:192, G:64, B:0 und die CMYK-Werte C:0, M:67, Y:100, K:25.
| VALUE | CSS | |
|---|---|---|
| HEX | #c04000 | #c04000 |
| RGB DECIMAL | 192, 64, 0 | RGB(192,64,0) |
| RGB PERCENTAGE | 75.3, 25.1, 0.0 | RGB(75.3%,25.1%,0.0%) |
| CMYK | 0, 67, 100, 25 | |
| HSL | HSL(20.0, 100.0%, 37.6%) | HSL(20.0, 100.0%, 37.6%) |
| HSV (OR HSB) | 20.0°, 100.0, 75.3 | |
| WEB SAFE | #204510 | #204510 |
| BINARY | 11000000, 01000000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.753, green: 0.251, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.753, green: 0.251, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFC04000) |


