# Juwelentöne: Codes für Smaragd, Saphir, Rubin und Amethyst [Canonical HTML page](https://gradiently.design/de/guide/jewel-tone-colors) Smaragd, Saphir, Rubin und Amethyst wirken teuer, weil sie zugleich tief und satt sind. Hier sind die Codes, die Kombinationen, die sie reich halten, und die Fehler, die sie wie ein Kostüm aussehen lassen. ## The short version - Juwelentöne sind tiefe, stark gesättigte Farben, die nach Edelsteinen benannt sind: Smaragdgrün, Saphirblau, Rubinrot, Amethystviolett, dazu Topas, Citrin, Granat und Turmalin. - Eine Farbe wird zum Juwelenton durch die Kombination aus starker Sättigung und mittlerem bis dunklem Helligkeitswert, sodass sie von innen beleuchtet statt grell oder blass wirkt. - Juwelentöne wirken am reichsten neben einem warmen Neutralton wie Elfenbein, einem fast Schwarz oder einer kleinen Menge gedämpftem Gold. - Smaragd, Saphir, Rubin und Amethyst bestehen mit den Codes in diesem Artikel alle den WCAG-AA-Kontrast für Fließtext auf Weiß oder Elfenbein. - Nimm einen Juwelenton als Leitfarbe und höchstens einen weiteren als Akzent, denn ein ganzes Set Edelsteine in gleicher Stärke wirkt wie ein Kostüm. **Juwelentöne** sind tiefe, satte Farben, die nach Edelsteinen benannt sind: Smaragd `#00674F`, Saphir `#0F52BA`, Rubin `#9B111E` und Amethyst `#6A3D9A` kennt jeder, dicht gefolgt von Topas, Citrin, Granat und Turmalin. Sie liegen in einem schmalen Band: viel satter als Pastelle, dunkler als Neon und nie ergraut wie Erdtöne. Diese Kombination lässt sie wertvoll wirken und passt zu Abendveranstaltungen, Winterkampagnen, Weinetiketten und jeder Marke, die gehaltvoll wirken will, ohne schwarz zu werden. ## Hex-Codes für Juwelentöne Das sind praxistaugliche Codes, abgestimmt darauf, auf dem Bildschirm wie der Stein auszusehen und als Text zu bestehen. Edelsteine variieren, es gibt also keinen einzigen offiziellen Smaragd, aber diese Werte liegen genau in dem, was man sich vorstellt. - Smaragd: #00674f - Saphir: #0f52ba - Rubin: #9b111e - Amethyst: #6a3d9a - Topas: #d98e04 - Citrin: #e1b000 - Granat: #6f1d2b - Turmalin: #b0185a - Petrol-Turmalin: #0e7c7b Neun Juwelentöne. Die ersten vier sind das klassische Set; Topas und Citrin sind die warmen, hellen Mitglieder der Familie. | Juwelenton | Hex | RGB | Text auf Weiß | | --- | --- | --- | --- | | Smaragd | `#00674F` | 0, 103, 79 | 6,88:1, besteht AA | | Saphir | `#0F52BA` | 15, 82, 186 | 7,15:1, besteht AAA | | Rubin | `#9B111E` | 155, 17, 30 | 8,42:1, besteht AAA | | Amethyst | `#6A3D9A` | 106, 61, 154 | 7,64:1, besteht AAA | | Petrol-Turmalin | `#0E7C7B` | 14, 124, 123 | 5,01:1, besteht AA | | Turmalin | `#B0185A` | 176, 24, 90 | 6,72:1, besteht AA | | Topas | `#D98E04` | 217, 142, 4 | dunkle Schrift darauf nehmen | | Citrin | `#E1B000` | 225, 176, 0 | dunkle Schrift darauf nehmen | Der Kontrast wird gegen reines Weiß gemessen. Topas und Citrin sind für Text auf Weiß zu hell, tragen aber fast schwarze Schrift gut: Citrin mit `#14141A` erreicht 9,10:1. Wenn du diese Werte in einem anderen Format brauchst, erklärt [Hex-Farbcodes](https://gradiently.design/de/guide/color-codes-explained), wie Hex, RGB und HSL zusammenhängen, und [Hex zu RGB](https://gradiently.design/de/guide/hex-to-rgb) zeigt die Umrechnung von Hand. ## Was eine Farbe zum Juwelenton macht Zwei Regler, beide gleichzeitig. Die Sättigung ist hoch: Die Farbe ist rein, mit fast keinem Grau darin. Der Helligkeitswert ist mittel bis dunkel: Er liegt deutlich unter Weiß. Erhöhst du den Wert, wird aus Smaragd Mint; senkst du die Sättigung, wird er zu Salbei. Behalte beides, und du bekommst das Leuchten von Licht, das durch einen geschliffenen Stein fällt. ### Kein Juwelenton - Mint `#98E5C8`: zu hell, ein Pastell - Salbei `#8A9A84`: ergraut, ein gedämpfter Ton - Limette `#7CFF3A`: grell und elektrisch, ein Neon - Wald `#1F3B2C`: so dunkel, dass er fast schwarz wirkt ### Juwelenton - Smaragd `#00674F`: reines Grün bei mittlerem bis dunklem Wert - Saphir `#0F52BA`: gesättigtes Blau, deutlich beleuchtet - Rubin `#9B111E`: tiefes Rot, das trotzdem glüht - Amethyst `#6A3D9A`: Violett mit Tiefe, nicht grau Das ist dieselbe Idee, die [Tints, Töne und Shades](https://gradiently.design/de/guide/tints-tones-shades) beschreibt: Juwelentöne sind meist reine Farbtöne mit etwas Schwarz, selten mit Weiß oder Grau. Sie liegen außerdem am anderen Ende von [Erdtönen](https://gradiently.design/de/guide/earth-tone-colors), die dieselben Farbtöne Richtung Braun ziehen. ## Juwelenton-Farbpaletten, die du nutzen kannst Ein Juwelenton braucht etwas Ruhiges um sich. Allein ist eine Seite voller Smaragd schwer; neben Elfenbein wirkt sie gewollt. Diese vier Paletten führen jeweils mit einem Stein und ergänzen die Unterstützung im richtigen Verhältnis. - **Smaragd-Bibliothek:** Smaragd `#00674F`, Elfenbein `#F6EFE2`, gedämpftes Gold `#C9A24A`, Tinte `#14141A`. Klassisch, buchig, gut für Verlage und Bars. - **Saphirnacht:** Saphir `#0F52BA`, Mitternacht `#0B1430`, Perle `#EEF0F5`, Citrin `#E1B000` als kleiner Akzent. Ruhig und selbstbewusst. - **Rubin-Dinner:** Rubin `#9B111E`, Granat `#6F1D2B`, Creme `#F4EADB`, Oliv `#5E6B3A`. Warm, großzügig, gemacht für Essen und Wein. - **Amethyst-Atelier:** Amethyst `#6A3D9A`, Pflaume `#3B1F4F`, Leinen `#F2ECE4`, Petrol-Turmalin `#0E7C7B`. Kreativ und ein wenig unerwartet. Nutze die [60-30-10-Regel](https://gradiently.design/de/guide/60-30-10-rule) als Startaufteilung: Das Neutrale deckt den größten Teil der Fläche, der Juwelenton nimmt die großen Formen, und der Akzent bekommt einen schmalen Streifen. Gold wirkt am besten gedämpft; ein leuchtendes Gelbgold neben Smaragd sieht schnell wie ein Kostüm aus. ## Juwelenton-Farbverläufe Juwelentöne ergeben einige der reichsten Verläufe überhaupt, weil jeder in seinen eigenen Schatten auslaufen kann, ohne trüb zu werden. Halte Nachbarn im Farbkreis nah beieinander und lass einen dunklen Grund die meiste Arbeit tun. - Smaragdtiefe: `radial-gradient(circle at 30% 25%, #10a37f 0%, #00674f 40%, #052a22 85%)` - Saphiraufgang: `linear-gradient(150deg, #0b1430 0%, #0f52ba 60%, #4f86e6 100%)` - Rubinglühen: `radial-gradient(circle at 70% 30%, #d4243a 0%, #9b111e 40%, #3a0710 90%)` - Amethyst zu Turmalin: `linear-gradient(160deg, #1e0f33 0%, #6a3d9a 55%, #b0185a 100%)` - Smaragd zu Saphir: `linear-gradient(135deg, #00674f 0%, #0e7c7b 50%, #0f52ba 100%)` - Citrin über Granat: `radial-gradient(circle at 50% 20%, #e1b000 0%, #d98e04 30%, #6f1d2b 95%)` Sechs Juwelenton-Verläufe. Jeder bleibt bei benachbarten Farbtönen, sodass die Mitte der Mischung sauber bleibt. Vermeide es, Rubin direkt in Smaragd zu mischen. Sie sind Komplementärfarben, der Mittelpunkt wird also braun; [trübe Verläufe](https://gradiently.design/de/guide/muddy-gradients) erklärt, warum und wie du über eine dritte Farbe oder einen dunklen Grund ausweichst. ## Wo Juwelentöne am besten wirken Juwelentöne haben Gewicht, deshalb passen sie zu Momenten, die bedacht wirken sollen: eine Einladung, eine Saisonkarte, ein Geschäftsberichts-Cover, die Einführung von etwas, das echtes Geld kostet. Setze die Schrift in Elfenbein oder einen blassen Farbton derselben Farbe und halte das Layout sparsam. Eine Einladung im Hochformat zu einem Winterdinner mit blasser Schrift auf einem tiefen, satten Hintergrund Eine Einladung 5×7 in bei 1500×2100. Ein tiefer Grund mit blasser Schrift ist der klassische Juwelenton-Zug. Ein Social-Post im Hochformat, der ein limitiertes Produkt in Rubin auf tief gefärbtem Hintergrund ankündigt Ein Instagram-Post bei 1080×1350 für ein limitiertes Produkt, bei dem ein Stein die Stimmung setzt. Viele Marken greifen im Herbst und Winter zu Juwelentönen, weshalb eine Saisonkampagne leicht in den Kampagnen aller anderen untergeht. Wenn du den Reichtum ohne die Gleichförmigkeit willst, gibt dir ein Gradiently Mark einen juwelentonfarbenen Hintergrund, mit dem nur du exportieren kannst, sobald du ihn dir sicherst, und er hält deine Worte lesbar, wo immer sie stehen. ## Häufige Fehler bei Juwelentönen - **Vier Steine in voller Stärke.** Smaragd, Saphir, Rubin und Amethyst zusammen sehen aus wie eine Bonbonschachtel. Wähle eine Leitfarbe. - **Reinweiß als Partner.** Es sorgt für Kontrast, wirkt aber klinisch. Ein warmes Elfenbein lässt die Farbe tiefer wirken. - **Helle Juwelentöne unter weißer Schrift.** Citrin und Topas brauchen dunkle Schrift; Weiß auf Citrin fällt im Kontrast deutlich durch. - **Drucken ohne Proof.** Gesättigte Blau- und Violetttöne liegen oft außerhalb des CMYK-Bereichs und werden auf Papier matt. Lies [RGB vs. CMYK](https://gradiently.design/de/guide/rgb-vs-cmyk), bevor du eine Datei verschickst. ## FAQ ### Was sind Juwelentöne? Juwelentöne sind tiefe, satte Farben, die nach Edelsteinen benannt sind, etwa Smaragdgrün, Saphirblau, Rubinrot und Amethystviolett. Sie verbinden starke Sättigung mit einem mittleren bis dunklen Helligkeitswert. ### Wie lautet der Hex-Code für Smaragdgrün? Ein guter Smaragd als Juwelenton ist `#00674F`. Hellere Smaragdtöne wie `#50C878` sind im Web verbreitet, wirken aber wie ein leuchtendes mittleres Grün statt wie ein Edelstein. ### Welche Farben passen zu Juwelentönen? Warme Neutraltöne wie Elfenbein und Creme, fast Schwarz und kleine Mengen gedämpftes Gold. Ein Juwelenton wirkt meist am besten mit höchstens einem weiteren Juwelenton als Akzent. ### Was ist der Unterschied zwischen Juwelentönen und Erdtönen? Juwelentöne sind rein und satt; Erdtöne sind dieselben Farbtöne, Richtung Braun und Grau gezogen. Smaragd ist ein Juwelenton, Oliv ein Erdton. ### Eignen sich Juwelentöne für eine Marke? Sie passen zu Marken, die reich, etabliert oder festlich wirken wollen, etwa Gastgewerbe, Verlagswesen und Premiumprodukte. Wähle einen Stein als Leitfarbe und lass viel neutralen Raum um ihn.