Die Farbe Eukalyptus ist ein beruhigendes Grau-Grün, das Natur und Gelassenheit verkörpert. Sie liegt zwischen Grün und Grau auf dem Farbkreis und bietet einen sanften, gedämpften Ton. Verwandte Nuancen sind Salbei und Mintgrün. Verwende Eukalyptus, um in Designs eine ruhige, natürliche Atmosphäre zu schaffen.
Eukalyptus wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #44D7A8
- RGB-Wert: 26,7 % Rot, 84,3 % Grün, 65,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 innerhalb des gleichen Spektrums wie Eukalyptus, ziehe folgende Farben in Betracht:
- Mintgrün (#adebb3): Bietet einen sanften, erfrischenden Ton, der an die natürliche Zartheit von Eukalyptusblättern erinnert.
- Celadon (#a8dcab): Teilt einen gedämpften, ruhigen Grünton, der die beruhigende Präsenz von Eukalyptus widerspiegelt.
- Pastellgrün (#80ef80): Bietet ein leichtes, sanftes Grün, das die subtile, weiche Ausstrahlung von Eukalyptus einfängt.
- Seafoam (#8ddcdc): Mischt Blau und Grün sanft, ähnlich wie die ruhige und luftige Farbe von Eukalyptus.
Um Eukalyptus zu ergänzen, kombiniere es mit:
- Blush Pink (#FF7782): Dieses sanfte, warme Rosa fügt Eukalyptus eine Prise Gemütlichkeit hinzu und balanciert seine kühlen Grüntöne mit einem sanften Kontrast.
- Pfirsich (#FFD3AC): Pfirsich bietet eine leichte, luftige Ergänzung zu Eukalyptus und schafft eine einladende und harmonische Palette.
- Bronze (#CE8946): Der warme metallische Glanz von Bronze verleiht Eukalyptus Eleganz und hebt seine erdigen Untertöne hervor.
- Mintblau (#98FBCB): Die erfrischende Kühle von Mintblau harmoniert wunderbar mit Eukalyptus und bietet einen ruhigen, kohärenten Look.
- Schiefergrau (#6D8196): Schiefergrau bringt ein raffiniertes Neutral, das Eukalyptus erdet und gleichzeitig seine natürliche Ausstrahlung bewahrt.
Obwohl Eukalyptus beruhigend wirkt, kann es mit folgenden Farben im Kontrast stehen:
- Karmesinrot (#b22222): Das kräftige, intensive Rot kann Eukalyptus übertönen und seine beruhigende Natur stören.
- Neonpink (#ff13f0): Das extrem leuchtende Pink kann einen scharfen Kontrast zu den gedämpften Tönen von Eukalyptus erzeugen.
- Gelb-Orange (#ffb343): Der warme, lebendige Ton kann im Kontrast stehen und eine unruhige visuelle Spannung mit Eukalyptus erzeugen.
- Elektrisch Blau (#00f0ff): Sein leuchtender, gesättigter Ton kann stark mit dem subtilen Grün von Eukalyptus kontrastieren.
- Gebranntes Orange (#be5103): Die tiefe Wärme von gebranntem Orange kann die sanfte, kühle Qualität von Eukalyptus übertönen und zu einer unausgewogenen Kombination führen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Aqua Orchid
Coral Mint
Teal Zenith
Kontrastprüfer
Kontrast 1,82
- Großer Text
#44D7A8
- 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,53
- Großer Text
#44D7A8
- 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 #44D7A8, bekannt als Eukalyptus, hat die RGB-Werte R:68, G:215, B:168 und die CMYK-Werte C:68, M:0, Y:22, K:16.
| VALUE | CSS | |
|---|---|---|
| HEX | #44D7A8 | #44D7A8 |
| RGB DECIMAL | 68, 215, 168 | RGB(68,215,168) |
| RGB PERCENTAGE | 26.7, 84.3, 65.9 | RGB(26.7%,84.3%,65.9%) |
| CMYK | 68, 0, 22, 16 | |
| HSL | HSL(160.8, 64.8%, 55.5%) | HSL(160.8, 64.8%, 55.5%) |
| HSV (OR HSB) | 160.8°, 68.4, 84.3 | |
| WEB SAFE | #51204153 | #51204153 |
| BINARY | 01000100, 11010111, 10101000 | |
| iOS - SwiftUI | Color(red: 0.267, green: 0.843, blue: 0.659) | |
| iOS - UIKit | UIColor(red: 0.267, green: 0.843, blue: 0.659, alpha: 1) | |
| Android - Compose | Color(0xFF44D7A8) |
