Die Farbe Rubin ist ein satter, lebendiger Farbton, der für seine tiefrote Nuance bekannt ist, die einen Hauch von pinkem Rot andeutet. Auf dem Farbkreis liegt Rubin zwischen Rot und Magenta und strahlt Luxus und Leidenschaft aus. Verwandte Nuancen sind Karmesinrot und Blutrot. Verwende Rubin in Designs für einen mutigen, eleganten Akzent.
Rubin wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #E0115F
- RGB-Wert: 87,8 % Rot, 6,7 % Grün, 37,3 % 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 Rubin, ziehe folgende Farben in Betracht:
- Kirschrot (#D20A2E): Kirschrot fängt die lebendige und intensive Anziehungskraft von Rubin ein, mit seinem tiefroten Ton, der an reife Kirschen erinnert.
- Blutrot (#780606): Blutrot teilt Rubins reichen, auffälligen Ton und ruft die Lebendigkeit und Dramatik hervor, die mit tiefroten Edelsteinen verbunden sind.
- Karmesinrot (#B22222): Karmesinrot zeigt die intensiven, luxuriösen Qualitäten von Rubin, während es eine klassische, verführerische Präsenz bewahrt.
- Amaranth (#E83256): Amaranth verkörpert eine pinkrote Essenz, die Rubins lebendigen und fesselnden Farbton eng widerspiegelt.
Um Rubin zu ergänzen, kombiniere es mit:
- Türkis (#069494): Bietet einen auffälligen Kontrast zu Rubins tiefem Rot, verstärkt die Lebendigkeit beider Farben und schafft eine dynamische Palette.
- Mintgrün (#A9EABC): Bietet einen frischen und kühlenden Ausgleich zu Rubins warmer Intensität und schafft einen ruhigen, aber lebendigen Look.
- Gold (#efbf04): Verleiht einen Hauch von Luxus und Raffinesse, wodurch Rubin noch reicher und auffälliger erscheint.
- Anthrazit (#4a4a4a): Bietet einen neutralen, erdenden Hintergrund, der Rubins lebendige Töne zum Strahlen bringt, ohne das Gesamtdesign zu überwältigen.
- Puderblau (#B8E3E9): Mildert Rubins Kühnheit und bringt ein ruhiges und beruhigendes Element in die Palette.
Während Rubin ein reicher und fesselnder Farbton ist, kann er mit folgenden Farben kollidieren:
- Neongrün (#2CFF05): Seine intensive Lebendigkeit kann Rubin überwältigen und einen harten Kontrast schaffen, der Rubins Eleganz mindert.
- Cyan (#00FFFF): In Kombination mit Rubin erzeugt dieser helle und kühle Farbton einen auffälligen Kontrast, der für die Augen störend sein könnte.
- Knallpink (#FF46A2): Diese Farbe konkurriert mit Rubin und erzeugt ein überwältigendes Gefühl aufgrund ihrer ähnlichen Intensität.
- Leuchtendgelb (#FFED29): Es kann Rubin mit seiner Helligkeit überstrahlen, was zu einer ablenkenden Kombination führt, die Harmonie vermissen lässt.
- Türkis (#069494): Diese tiefe, kühle Farbe steht in starkem Kontrast zu Rubin und lässt ihn weniger warm und einladend erscheinen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Karmesinrote Blüte
Blütenoase
Jubiläumszest
Kontrastprüfer
Kontrast 4,76
- Großer Text
#E0115F
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 4,41
- Großer Text
#E0115F
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #E0115F, bekannt als Rubin, hat die RGB-Werte R:224, G:17, B:95 und die CMYK-Werte C:0, M:92, Y:58, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #E0115F | #E0115F |
| RGB DECIMAL | 224, 17, 95 | RGB(224,17,95) |
| RGB PERCENTAGE | 87.8, 6.7, 37.3 | RGB(87.8%,6.7%,37.3%) |
| CMYK | 0, 92, 58, 12 | |
| HSL | HSL(337.4, 85.9%, 47.3%) | HSL(337.4, 85.9%, 47.3%) |
| HSV (OR HSB) | 337.4°, 92.4, 87.8 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100000, 00010001, 01011111 | |
| iOS - SwiftUI | Color(red: 0.878, green: 0.067, blue: 0.373) | |
| iOS - UIKit | UIColor(red: 0.878, green: 0.067, blue: 0.373, alpha: 1) | |
| Android - Compose | Color(0xFFE0115F) |
