Zu Hauptinhalten gehen

Khaki

Alles, was du über Khaki wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Die Farbe Khaki ist ein gelblich-brauner Ton, der sich zwischen Rot und Gelb auf dem Farbkreis befindet. Dieser erdige Farbton hat subtile grüne Nuancen, die Stabilität und Zuverlässigkeit vermitteln.

color Khakicolor Khaki

Khaki wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

- HEX-Code: #D5C58A

- RGB-Wert: 83,5 % Rot, 77,3 % Grün und 54,1 % 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, Khaki in deinen Designs zu verwenden:

  • Neutrale Grundlage bieten. Khaki ist äußerst vielseitig und bietet eine saubere Basis für viele andere Farben. In Kombination mit leuchtenden Farben lässt es UI-Elemente und wichtige Informationen hervorstechen. Für ein von der Natur inspiriertes Gefühl kombiniere es mit anderen Erdtönen.
  • Interaktive Elemente unterstützen. Verwende Khaki mit dunkleren oder helleren Tönen, um Interaktivität für UI-Elemente wie Buttons oder Icons anzuzeigen. Zum Beispiel kannst du einen dunkleren Ton für den Button verwenden und ihn bei Hover-Effekten in Khaki ändern, um einen klaren visuellen Hinweis zu geben, dass das Element anklickbar ist.
  • Vertrauen vermitteln. Wie andere Erdtöne weckt Khaki Gefühle von Sicherheit und Zuverlässigkeit. Das macht es zu einem idealen Farbton für die Rechts-, Finanz- oder Gesundheitsbranche, die möchte, dass Nutzer sich sicher und geborgen fühlen, wenn sie ihre Plattform nutzen.

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 neutralen Spektrums wie Khaki, ziehe folgende Farben in Betracht:

  • Sand (#CBBD93) hat ähnliche gelbe Nuancen, ist aber etwas dunkler und gedämpfter.
  • Beige (#EDE8D0) bietet ein weicheres und helleres Erscheinungsbild mit einem ähnlichen Ton wie Khaki.
  • Hellbraun (#D6B588) wirkt brauner, teilt aber die gleiche Wärme.
  • Ecru (#E0CD95) hat leichte Graunuancen, was es zu einem vielseitigeren Neutralton als Khaki macht.

Um Khaki zu ergänzen, kombiniere es mit:

  • Armeegrün (#5D6532) schafft ein erdiges, geerdetes Gefühl neben Khaki.
  • Puderblau (#B8E3E9) bietet etwas Helligkeit, die Khakis Wärme ausgleicht.
  • Mintgrün (#ADEBB3) ergänzt Khaki mit einem erfrischenden Farbtupfer.
  • Marineblau (#000080) fügt eine kühle Note für eine klassische Kombination hinzu.
  • Sanftes Rosa (#E89EB8) schafft einen sanften Kontrast, der an den Frühling erinnert.

Weitere Farben, die in Betracht gezogen werden sollten, sind Schokoladenbraun für eine natürliche Kombination, Bordeaux für einen Hauch von Raffinesse und Elfenbein für ein weiches und entspanntes Gefühl.

Während Khaki warm ist, kann es mit folgenden Farben kollidieren:

  • Königsblau (#305CDE) ist kühl und gesättigt, was mit Khakis Wärme kollidieren kann.
  • Kühles Grau (#CBCBCB) hat einen niedrigen Kontrast, der unausgewogen wirken kann, wenn es mit Khaki kombiniert wird.
  • Neongrün (#2CFF05) ist ein intensiver Farbton, der neben Khaki unangenehm wirkt.
  • Neonpink (#FF13F0) kann überwältigend wirken und visuelle Anstrengung verursachen.

Khaki steht für Zuverlässigkeit, Vertrauen und Bodenständigkeit. Es trägt auch Assoziationen von Einfallsreichtum, Praktikabilität und Ordnung aufgrund seiner Verbindung zum Militär.

In der Farbpsychologie ruft Khakis gedämpfte Natur Ruhe und Gelassenheit hervor. Es fördert auch Gefühle von Sicherheit und Vertrauen aufgrund seiner erdigen Nuancen.

Im UI-Design ist Khaki ein perfekter Farbton für Banking-Apps, Gesundheitsplattformen oder andere Branchen, die Vertrauen und Sicherheit bei ihren Nutzern etablieren möchten.

Das Wort „Khaki“ stammt aus dem Urdu und Persischen und bedeutet „staubig“ oder „erdfarben“.

Die erste dokumentierte Verwendung der Farbe war Mitte des 19. Jahrhunderts, als die britische Armee in Indien stationiert war. Nachdem sie die leichten, sandfarbenen Kleidungsstücke der einheimischen Soldaten beobachtet hatten, erkannten die Briten, dass ihre leuchtend roten Uniformen praktischer sein sollten. Dies führte zur Einführung von khakifarbenen Uniformen, die es erleichterten, sich in die staubigen indischen Landschaften einzufügen. Schließlich wurde Khaki zur Standardfarbe für Militäruniformen.

Im Laufe der Zeit wurde Khaki aufgrund seiner Praktikabilität und seines lässigen Looks in der Zivilkleidung verbreitet. Heute ist die Farbe vor allem in der Mode sichtbar – sie ist ein prominenter Farbton für Baumwollhosen wie Chinos und Hosen. Abgesehen von der Mode zeigt sich Khakis Vielseitigkeit im Innen- und UI-Design, um eine beruhigende Atmosphäre zu schaffen.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Safari

Voyager

Country Melody

Kontrastprüfer

Kontrast 1,72

Großer Text

#D5C58A

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #D5C58A Text auf einem #FFFFFF Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen

Kontrast 12,18

Großer Text

#D5C58A

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #D5C58A Text auf einem #000000 Hintergrund.
Kategorie
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #d5c58a, bekannt als Khaki, hat die RGB-Werte R:213, G:197, B:138 und die CMYK-Werte C:0, M:8, Y:35, K:16.

VALUECSS
HEX#d5c58a#d5c58a
RGB DECIMAL213, 197, 138RGB(213,197,138)
RGB PERCENTAGE83.5, 77.3, 54.1RGB(83.5%,77.3%,54.1%)
CMYK0, 8, 35, 16
HSLHSL(47.2, 47.2%, 68.8%)HSL(47.2, 47.2%, 68.8%)
HSV (OR HSB)47.2°, 35.2, 83.5
WEB SAFE#204204153#204204153
BINARY11010101, 11000101, 10001010
iOS - SwiftUIColor(red: 0.835, green: 0.773, blue: 0.541)
iOS - UIKitUIColor(red: 0.835, green: 0.773, blue: 0.541, alpha: 1)
Android - ComposeColor(0xFFD5C58A)
Farbpalette abrufen