Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Umber passen?
Die Farbe Umbra ist ein warmer, erdiger Braunton, der eine reiche, rustikale Atmosphäre vermittelt. Auf dem Farbkreis liegt sie zwischen Gelb und Rot und neigt zu Braun. Mit ihrem natürlichen Pigmentcharakter ist sie ideal für künstlerische Paletten. Kombiniere sie mit gebranntem Siena oder Ocker für gemütliche, geerdete Designs.
Umbra wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #635147
- RGB-Wert: 38,8 % Rot, 31,8 % Grün, 27,8 % 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 innerhalb des gleichen Spektrums wie Umbra, ziehe folgende Farben in Betracht:
- Mahagoni (#C04000): Mahagoni teilt Umbras reiche, erdige Untertöne und bietet einen warmen, einladenden Farbton, der an natürliches Holz erinnert.
- Gebranntes Siena (#ED7B58): Gebranntes Siena fängt die rötlich-braunen Qualitäten von Umbra ein. Es reflektiert eine erdige, warme Tiefe, die in natürlichen Pigmenten häufig vorkommt.
- Braun (#895129): Braun spiegelt Umbra dunklen, klassischen Ton wider und ist ein grundlegender Farbton unter den neutralen Farben und Brauntönen.
- Rost (#B7410E): Rost zeigt eine warme, erdige Anziehungskraft wie Umbra, angereichert mit einem Hauch von Orange, der die Wärme von Erdtönen widerspiegelt.
Um Umbra zu ergänzen, kombiniere es mit:
- Mintgrün (#ADEBB3): Dieser erfrischende Farbton bietet einen kühlen Kontrast, der Umbras warme, erdige Töne ausgleicht und eine harmonische und natürliche Palette schafft.
- Safran (#F1C338): Die sonnige Lebendigkeit von Safran passt wunderbar zu Umbra und verleiht einen warmen, einladenden Glanz, der das erdige Gefühl bereichert.
- Puderblau (#B8E3E9): Die leichte und luftige Qualität von Puderblau mildert Umbras Tiefe und bietet einen beruhigenden und friedlichen Hintergrund.
- Goldrute (#FFA024): Goldrute bringt einen Hauch von Helligkeit, der die natürlichen Pigmente von Umbra ergänzt und eine rustikale und warme Atmosphäre hervorruft.
Während Umbra ein tiefes, erdiges Braun ist, das oft in natürlichen Pigmenten verwendet wird, harmonieren bestimmte Farben nicht so gut damit:
- Neongrün (#2CFF05): Die intensive Helligkeit von Neongrün steht im starken Kontrast zu Umbras gedämpftem, erdigem Ton und führt zu einem harten, überwältigenden Gegensatz.
- Knallpink (#FF46A2): Knallpinks lebendige und warme Natur schafft einen visuellen Konflikt mit Umbra, da beide um Aufmerksamkeit kämpfen.
- Leuchtend Gelb (#FFED29): Die hohe Sättigung von leuchtend Gelb überwältigt Umbras subtile Reichhaltigkeit, was es dem Auge schwer macht, sich auszuruhen.
- Aqua (#00FFF0): Aquas kühle Lebendigkeit steht im starken Kontrast zu Umbras warmem, dichtem Farbton, was zu Disharmonie statt Harmonie führt.
- Elektrisch Blau (#00F0FF): Die Kühnheit von Elektrisch Blau überlagert die neutralen Töne von Umbra und stört dessen natürliche Pigmentästhetik.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Erdige Dämmerung
Walnuss Muschel
Rustikaler Kakao
Kontrastprüfer
Kontrast 7,5
- Großer Text
#635147
- 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,8
- Großer Text
#635147
- 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 #635147, bekannt als Umbra, hat die RGB-Werte R:99, G:81, B:71 und die CMYK-Werte C:0, M:18, Y:28, K:61.
| VALUE | CSS | |
|---|---|---|
| HEX | #635147 | #635147 |
| RGB DECIMAL | 99, 81, 71 | RGB(99,81,71) |
| RGB PERCENTAGE | 38.8, 31.8, 27.8 | RGB(38.8%,31.8%,27.8%) |
| CMYK | 0, 18, 28, 61 | |
| HSL | HSL(21.4, 16.5%, 33.3%) | HSL(21.4, 16.5%, 33.3%) |
| HSV (OR HSB) | 21.4°, 28.3, 38.8 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01100011, 01010001, 01000111 | |
| iOS - SwiftUI | Color(red: 0.388, green: 0.318, blue: 0.278) | |
| iOS - UIKit | UIColor(red: 0.388, green: 0.318, blue: 0.278, alpha: 1) | |
| Android - Compose | Color(0xFF635147) |
