Die Farbe Sand ist ein warmer, heller Neutralton, der die Essenz einer natürlichen, erdigen Umgebung perfekt einfängt. Sie liegt auf der helleren und wärmeren Seite des Braun-Spektrums und reicht von hellem Creme bis zu goldenem Beige. Ihr sanfter und einladender Ton verleiht eine subtile Eleganz.

Sand wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #CBBD93
- RGB-Wert: 79,6 % Rot, 74,1 % Grün und 57,6 % 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, die natürlichen und beruhigenden Eigenschaften von Sand zu nutzen, um ein benutzerfreundliches und visuell ansprechendes Design zu schaffen:
- Schaffe einen neutralen Hintergrund. Sands sanfter und neutraler Ton bietet einen ruhigen, unaufdringlichen Hintergrund, der Inhalte hervorhebt, ohne die Augen zu überfordern.
- Verbessere die Lesbarkeit. Kombiniere Sand mit dunkleren Tönen wie Marineblau, Waldgrün oder Anthrazit für Texte, um die Lesbarkeit zu gewährleisten und gleichzeitig einen ästhetisch ansprechenden Kontrast zu bewahren.
- Fördere eine entspannte Atmosphäre. Sand eignet sich perfekt für Apps oder Websites, die sich auf Wellness, Meditation, Reisen oder Freizeit konzentrieren. Er hilft, eine entspannte Stimmung zu schaffen, die zu gemütlichen oder friedlichen Aktivitäten passt.
- Ergänze mit Erdtönen. Um ein harmonisches und kohärentes Design zu schaffen, kombiniere Sand mit anderen Erdtönen wie Grün, Braun und Creme. Diese Palette ist angenehm für das Auge und verstärkt die Verbindung zur natürlichen Welt, was die thematischen Elemente von umweltfreundlichen oder organischen Marken unterstützen kann.
- Hebe interaktive Elemente hervor. Kombiniere Sand mit lebhafteren Farben, um Elemente wie Buttons oder Links hervorzuheben, oder nutze Variationen von Sandtönen, um eine subtile Hierarchie in deinem 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 erdigen Spektrums wie Sand, ziehe in Betracht:
- Khaki (#C3B091) bietet einen etwas dunkleren Ton, der die warme und neutrale Ausstrahlung von Sand beibehält.
- Beige (#F5F5DC) ist heller und vermittelt ein weicheres Erscheinungsbild, während es die natürliche Ausstrahlung bewahrt.
- Hellbraun (#D6B588) hat etwas mehr Braun und spiegelt die warme, zurückhaltende Eleganz von Sand wider.
- Creme (#FDFBD4) bringt einen blasseren, beruhigenderen Ton ein, der den subtilen Farbton von Sand ergänzt.
Um die zurückhaltenden Töne von Sand zu ergänzen, kombiniere ihn mit:
- Marineblau (#000080) schafft einen klassischen Kontrast, der die subtile Eleganz von Sand unterstreicht.
- Waldgrün (#228B22) bietet einen reichen, natürlichen Kontrast, der mit der Erdigkeit von Sand harmoniert.
- Burgunderrot (#660033) sorgt für einen tiefen, reichen Kontrast, der die gedämpften Töne von Sand hervorhebt.
- Warmer Grauton (#D3D3D3) passt gut zu den neutralen Eigenschaften von Sand und bietet eine moderne, schicke Palette.
- Sanftes Pfirsich (#FFE5B4) ergänzt Sand mit sanfter, einladender Wärme.
Weitere Farben, die in Betracht gezogen werden sollten, sind tiefes Teal, um einen anspruchsvollen Kontrast zu betonen, helles Koralle für einen sanften, einladenden Look und blasses Flieder für eine subtile, spielerische Interaktion.
Obwohl Sand vielseitig ist, kann er mit folgenden Farben kollidieren:
- Knalliges Pink (#FF69B4) kann die subtile, gedämpfte Natur von Sand mit seiner Lebendigkeit überschatten.
- Elektrisches Blau (#00F0FF) könnte zu auffällig sein und einen unharmonischen Look gegen die Weichheit von Sand erzeugen.
- Zitronengelb (#FFF44F) neigt dazu, zu scharf zu kontrastieren und könnte die sanfte Natur von Sand übertönen.
- Silber (#C4C4C4) kann zu kühl und metallisch gegen den warmen, erdigen Ton von Sand wirken.
- Anthrazitgrau (#4A4A4A) könnte zu kühn und dunkel sein, was die beruhigende Qualität von Sand mindern kann.
Sand vermittelt Gefühle von Ruhe, Entspannung und Stabilität. In der Farbpsychologie gilt Sand als konservativ und symbolisiert Komfort, Einfachheit und eine natürliche Verbindung. Er strahlt Offenheit und Gelassenheit aus.
Im UI/UX-Design bietet Sand einen sauberen, aufgeräumten Hintergrund, der Zuverlässigkeit und Praktikabilität signalisiert. Er eignet sich für Designs, die warm und einladend wirken sollen, um den Nutzern ein Gefühl der Geborgenheit zu geben.
Verschiedene Kulturen und historische Kontexte haben die Farbe Sand aufgrund ihrer weit verbreiteten natürlichen Vorkommen und vielseitigen Anwendungen lange bevorzugt. Die Wahl, sandfarbene Materialien in Kleidung und Architektur zu verwenden, resultierte oft aus den verfügbaren Ressourcen. Beispielsweise passen Gebäude und Kleidungsstücke in Wüstenregionen oft zur sandigen Landschaft, um sich in die natürliche Umgebung einzufügen und Sonnenlicht zu reflektieren, wodurch die Wärmeaufnahme reduziert wird.
Seit Jahrhunderten bleibt Sand eine beliebte Farbe in der Mode, weil ihr neutraler Ton sich leicht mit anderen Farben kombinieren lässt. Ihre wiederkehrende Beliebtheit in Militäruniformen resultiert auch aus ihren funktionalen Vorteilen in Wüsten und anderen hellen Umgebungen, wo sandfarbene Tarnung einen Vorteil bietet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Nachtsand
Turmalin
Siltstein
Kontrastprüfer
Kontrast 1,87
- Großer Text
#CBBD93
- 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 11,24
- Großer Text
#CBBD93
- 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 #cbbd93, bekannt als Farbe Sand, hat die RGB-Werte R:203, G:189, B:147 und die CMYK-Werte C:0, M:7, Y:28, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #cbbd93 | #cbbd93 |
| RGB DECIMAL | 203, 189, 147 | RGB(203,189,147) |
| RGB PERCENTAGE | 79.6, 74.1, 57.6 | RGB(79.6%,74.1%,57.6%) |
| CMYK | 0, 7, 28, 20 | |
| HSL | HSL(45.0, 35.0%, 68.6%) | HSL(45.0, 35.0%, 68.6%) |
| HSV (OR HSB) | 45.0°, 27.6, 79.6 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11001011, 10111101, 10010011 | |
| iOS - SwiftUI | Color(red: 0.796, green: 0.741, blue: 0.576) | |
| iOS - UIKit | UIColor(red: 0.796, green: 0.741, blue: 0.576, alpha: 1) | |
| Android - Compose | Color(0xFFCBBD93) |


