Rehbraun ist ein sanfter, beruhigender Farbton, der Hellbraun und Beige vereint. Auf dem Farbkreis liegt es zwischen Beige und Braun und vermittelt ein warmes, erdiges Gefühl. Ähnliche Nuancen sind Taupe und Kamel. Verwende es in Designs für eine weiche, natürliche Note, die Wärme und subtile Raffinesse hinzufügt.
Rehbraun wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #E5AA70
- RGB-Wert: 89,8 % Rot, 66,7 % Grün, 43,9 % 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 Rehbraun, ziehe folgende Farben in Betracht:
- Beige (#ede8d0): Bietet einen sandigen und weichen Ton mit einem warmen Unterton, der an die erdigen Vibes von Rehbraun erinnert.
- Sand (#cbbd93): Fängt die weiche und gedämpfte Qualität von Strandsand ein und passt zur warmen Neutralität von Rehbraun.
- Khaki (#d5c58a): Ähnelt Rehbraun mit seinem gedämpften und erdigen Farbton, der ein Gefühl von natürlicher Balance und Ruhe hervorruft.
- Hellbraun (#d6b588): Teilt Rehbrauns hellbraune Komponenten und repräsentiert eine warme, zurückhaltende und natürliche Ästhetik.
Um Rehbraun zu ergänzen, kombiniere es mit:
- Schiefergrau (#6d8196): Dieser vielseitige Farbton bietet einen kühlen, beruhigenden Hintergrund, der wunderschön mit den warmen Tönen von Rehbraun kontrastiert und deiner Palette Tiefe verleiht.
- Altrosa (#dca1a1): Mit seinem weichen, gedämpften Rosaton verstärkt Altrosa die sanfte Wärme von Rehbraun und schafft eine harmonische und elegante Kombination.
- Türkis (#40e0d0): Dieses lebendige Blaugrün fügt einen erfrischenden Farbtupfer hinzu, der die subtile Erdigkeit von Rehbraun belebt und eine dynamische, aber ausgewogene Kombination ergibt.
- Elfenbein (#ffffe3): Die cremige Helligkeit von Elfenbein bietet eine neutrale Ergänzung, die Rehbrauns natürliche Wärme in den Vordergrund rückt, ohne das Design zu überladen.
- Olivgrün (#636b2f): Olivgrün bringt eine erdige, rustikale Atmosphäre ein, die nahtlos mit Rehbraun harmoniert und eine natürliche und geerdete Ästhetik betont.
Obwohl Rehbraun ein sanfter, erdiger Ton ist, kann es mit folgenden Farben im Kontrast stehen:
- Neongrün (#2CFF05): Die intensive Helligkeit von Neongrün kann die Subtilität von Rehbraun überstrahlen und einen unausgewogenen Kontrast der Lebendigkeit erzeugen.
- Zinnober (#E84B3D): Zinnobers kräftiger, warmer Ton kann mit der sanften Neutralität von Rehbraun kollidieren und zu einem visuell harten Kontrast führen.
- Zinnoberrot (#E73121): Zinnoberrots lebendiger, feuriger Farbton konkurriert mit Rehbraun, was zu einer Kombination führt, die zu stark und unverbunden wirkt.
- Leuchtend Gelb (#FFED29): Die hohe Energie von Leuchtend Gelb kann Rehbrauns gedämpfte Natur überwältigen und es im Vergleich dazu matt erscheinen lassen.
- Magenta (#FD3DB5): Magentas auffällige Sättigung kann Rehbrauns ruhige Präsenz übertönen und zu einem störenden visuellen Erlebnis führen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Korallen-Majestät
Apfelwein-Welle
Bernstein-Karneval
Kontrastprüfer
Kontrast 2,04
- Großer Text
#E5AA70
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 10,32
- Großer Text
#E5AA70
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #E5AA70, bekannt als Rehbraun, hat die RGB-Werte R:229, G:170, B:112 und die CMYK-Werte C:0, M:26, Y:51, K:10.
| VALUE | CSS | |
|---|---|---|
| HEX | #E5AA70 | #E5AA70 |
| RGB DECIMAL | 229, 170, 112 | RGB(229,170,112) |
| RGB PERCENTAGE | 89.8, 66.7, 43.9 | RGB(89.8%,66.7%,43.9%) |
| CMYK | 0, 26, 51, 10 | |
| HSL | HSL(29.7, 69.2%, 66.9%) | HSL(29.7, 69.2%, 66.9%) |
| HSV (OR HSB) | 29.7°, 51.1, 89.8 | |
| WEB SAFE | #204153102 | #204153102 |
| BINARY | 11100101, 10101010, 01110000 | |
| iOS - SwiftUI | Color(red: 0.898, green: 0.667, blue: 0.439) | |
| iOS - UIKit | UIColor(red: 0.898, green: 0.667, blue: 0.439, alpha: 1) | |
| Android - Compose | Color(0xFFE5AA70) |
