Aquamarin wird durch folgende Farbwerte definiert, um Konsistenz auf verschiedenen digitalen Plattformen und Geräten zu gewährleisten.
- HEX-Code: #66F1C2
- RGB-Wert: 40 % Rot, 94,5 % Grün, 76,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, Aquamarin in deinen Designs zu verwenden:
- Führe Nutzer subtil. Die Lebendigkeit von Aquamarin eignet sich perfekt, um Nutzer zu CTA-Buttons, Links und Icons zu lenken, ohne aufdringlich zu wirken.
- Schaffe eine entspannte Atmosphäre. Nutze die beruhigende Wirkung von Aquamarin, um Reise-Apps und Resort-Websites ein entspanntes, traumhaftes Flair zu verleihen.
- Hebe interaktive Elemente hervor. Verwende Aquamarin, um aktive Tabs, Buttons und andere Elemente zu kennzeichnen.
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 kräftigen Spektrums wie Aquamarin, ziehe folgende Farben in Betracht:
- Aqua (#00FFF0) ist ein kräftigerer, blauerer Ton mit einem ebenso tropischen Flair.
- Türkis (#40E0D0) teilt die edelsteinartige Qualität von Aquamarin, ist jedoch etwas dunkler.
- Cyan (#00FFFF) bietet schärfere Blautöne und vermittelt dennoch Ruhe.
- Seafoam (#8DDCDC) ist etwas matter als Aquamarin, doch beide verkörpern Meeresfarben.
Um Aquamarin zu ergänzen, kombiniere es mit:
- Weiß (#FFFFFF) schafft einen wunderschönen Kontrast, der an die Ästhetik einer griechischen Küstenstadt erinnert.
- Koralle (#FF8559) verstärkt das Meeres-Thema für eine kräftige, tropische Kombination.
- Seashell (#FFF1E7) bietet eine sandige Leichtigkeit, die die Blautöne und Grüntöne von Aquamarin ausgleicht.
- Rose (#FF1D8D) kann mit Aquamarin für gewagte, retro-inspirierte Paletten kombiniert werden.
Weitere Farben, die in Betracht gezogen werden sollten, sind Sand, Elfenbein und Cremeweiß für strandähnliche Kombinationen. Orange, Mandarine und Rotorange eignen sich ebenfalls gut für auffällige, einprägsame Designs.
Während Aquamarin kühl und tropisch ist, kann es mit folgenden Farben kollidieren:
- Violett (#7F00FF), ein tiefes Lila, steht im unangenehmen Kontrast zur Helligkeit von Aquamarin.
- Elektrisches Blau (#00F0FF) kann Aquamarin mit seinen leuchtenden Blautönen überstrahlen.
- Olivgrün (#636B2F) hat eine dunkle Erdigkeit, die nicht mit der Klarheit von Aquamarin harmoniert.
- Neongrün (#2CFF05) erzeugt einen grellen, überwältigenden visuellen Effekt neben Aquamarin.
Aquamarin steht für Erfrischung, Ruhe und das Meer. Seine Verbindung mit dem Aquamarin-Edelstein vermittelt auch Hoffnung, Glück, Jugendlichkeit und Heilung.
In der Farbpsychologie bringt Aquamarin eine kühlende, friedliche Energie. Die ausgewogene Mischung aus Blau- und Grüntönen erzeugt ein Gefühl der Ruhe, und die Assoziation mit dem Meer verleiht ihm eine erfrischende Wirkung.
Im UI-Design kann Aquamarin ein Gefühl von Freizeit und Entspannung in Benutzererlebnisse bringen. Seine Helligkeit und Klarheit machen es zu einer starken Wahl für Hintergründe und Akzente, besonders wenn ein Küstenflair gewünscht ist.
Aquamarin teilt seinen Namen mit dem blau-grünen Edelstein, der für seine Ähnlichkeit mit Meerwasser bekannt ist. Erstmals 1598 in England als Farbname verwendet, gewann er im Laufe der Zeit, insbesondere Mitte des 19. Jahrhunderts, an Popularität. Während die Farbtöne des Edelsteins variieren können, bezieht sich Aquamarin als Farbe heute auf eine unverwechselbare Mischung aus Grün, Cyan und Blau, die häufig in Kunst, Dekor, Mode und Design verwendet wird.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Kelp Forest
Siren’s Cove
Seaweed Garden
Kontrastprüfer
Kontrast 1,41
- Großer Text
#66F1C2
- 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 14,93
- Großer Text
#66F1C2
- 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 #66f1c2, bekannt als aquamarin, hat die RGB-Werte R:102, G:241, B:194 und die CMYK-Werte C:58, M:0, Y:20, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #66f1c2 | #66f1c2 |
| RGB DECIMAL | 102, 241, 194 | RGB(102,241,194) |
| RGB PERCENTAGE | 40.0, 94.5, 76.1 | RGB(40.0%,94.5%,76.1%) |
| CMYK | 58, 0, 20, 5 | |
| HSL | HSL(159.7, 83.2%, 67.3%) | HSL(159.7, 83.2%, 67.3%) |
| HSV (OR HSB) | 159.7°, 57.7, 94.5 | |
| WEB SAFE | #102255204 | #102255204 |
| BINARY | 01100110, 11110001, 11000010 | |
| iOS - SwiftUI | Color(red: 0.400, green: 0.945, blue: 0.761) | |
| iOS - UIKit | UIColor(red: 0.400, green: 0.945, blue: 0.761, alpha: 1) | |
| Android - Compose | Color(0xFF66F1C2) |
