Die Farbe Kaffeebraun ist ein satter, einladender Ton, der Wärme ausstrahlt. Sie liegt zwischen Dunkelbraun und Rötlichbraun auf dem Farbkreis. Dieser erdige Farbton hat oft karamellfarbene Nuancen. Nutze Kaffeebraun in gemütlichen Räumen oder in Kleidung wie Pullovern und Blazern für einen eleganten Touch.
Kaffeebraun wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #6F4E37
- RGB-Wert: 43,5 % Rot, 30,6 % Grün, 21,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.
Für Variationen im gleichen Spektrum wie Kaffeebraun, ziehe folgende Farben in Betracht:
- Mokka (#6d3b07): Ähnlich wie Kaffeebraun teilt Mokka ein reiches Braun, das die Wärme und Tiefe eines dunklen Rösttons einfängt.
- Taupe (#54463a): Taupe bietet einen gedämpften, erdigen Ton, der mit der tiefen, subtilen Fülle einer Tasse Kaffee resoniert.
- Cognac (#a2574f): Cognac bringt warme Beige- und Kastaniennuancen ein, die dem warmen, einladenden Erscheinungsbild von frisch gebrühtem Kaffee ähneln.
- Schokolade (#713600): Mit seiner tiefen, samtigen Fülle spiegelt Schokolade den intensiven Espressoton eines gut zubereiteten Kaffees wider.
Um Kaffeebraun zu ergänzen, kombiniere es mit:
- Zartrosa (#E89EB8): Zartrosa fügt einen sanften, femininen Kontrast zu den satten Tönen von Kaffeebraun hinzu und schafft eine ausgewogene und einladende Palette.
- Creme (#FDFBD4): Creme bietet einen neutralen, warmen Hintergrund, der die erdige Fülle von Kaffeebraun betont und einen gemütlichen und eleganten Look verstärkt.
- Mintgrün (#ADEBB3): Mintgrün bringt eine erfrischende und lebendige Note ein und bietet einen lebhaften Kontrast zu den tiefen, sanften Untertönen von Kaffeebraun.
- Gold (#EFBF04): Gold verleiht einen Hauch von Eleganz und Wärme, ergänzt die tiefen, gerösteten Töne von Kaffeebraun mit einem Hauch von Luxus und Glanz.
- Himmelblau (#82C8E5): Himmelblau bietet einen kühlen, beruhigenden Kontrast, der die Robustheit von Kaffeebraun ausgleicht und eine ruhige und harmonische Kombination schafft.
Während Kaffeebraun ein satter, tiefer Farbton ist, kann es mit folgenden Farben kollidieren:
- Neonpink (#FF13F0): Die hohe Sättigung und Helligkeit von Neonpink kann einen scharfen Kontrast zu den gedämpften, erdigen Tönen von Kaffeebraun erzeugen.
- Cyan (#00FFFF): Mit seinem hellen, kühlen Farbton steht Cyan im starken Kontrast zur Wärme von Kaffeebraun und kann unausgewogen wirken, wenn sie zusammen verwendet werden.
- Leuchtend Gelb (#FFED29): Dieser lebhafte Farbton kann die zurückhaltendere Fülle von Kaffeebraun überwältigen und zu einer visuell unangenehmen Kombination führen.
- Neongrün (#2CFF05): Die intensive Helligkeit von Neongrün kann unharmonisch erscheinen, wenn sie neben dem tiefen, sanften Ton von Kaffeebraun steht.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Kakao Drift
Tonholz Hain
Rustikale Harmonie
Kontrastprüfer
Kontrast 7,44
- Großer Text
#6F4E37
- 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,82
- Großer Text
#6F4E37
- 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 #6F4E37, bekannt als Kaffeebraun, hat die RGB-Werte R:111, G:78, B:55 und die CMYK-Werte C:0, M:30, Y:50, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #6F4E37 | #6F4E37 |
| RGB DECIMAL | 111, 78, 55 | RGB(111,78,55) |
| RGB PERCENTAGE | 43.5, 30.6, 21.6 | RGB(43.5%,30.6%,21.6%) |
| CMYK | 0, 30, 50, 56 | |
| HSL | HSL(24.6, 33.7%, 32.5%) | HSL(24.6, 33.7%, 32.5%) |
| HSV (OR HSB) | 24.6°, 50.5, 43.5 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01101111, 01001110, 00110111 | |
| iOS - SwiftUI | Color(red: 0.435, green: 0.306, blue: 0.216) | |
| iOS - UIKit | UIColor(red: 0.435, green: 0.306, blue: 0.216, alpha: 1) | |
| Android - Compose | Color(0xFF6F4E37) |
