Farb-Guide
Die Farbe Amber
#F59E0B
Farbcodes von amber
Was amber bedeutet
Amber glows with warmth and cautious energy. It is the color of warnings that still feel friendly.
So wird es im Design eingesetzt
Ideal for warnings, ratings (stars) and warm accent lighting effects in UI.
Farbkombinationen mit amber
Harmonien, berechnet mit Farbtheorie für den Basiston 38°.
Komplementär
Maximaler Kontrast: #F59E0B + #0A60F5
Analog
Harmonie bei ±30°: #F5290A · #F59E0B · #D6F50A
Triadisch
Gleichmäßiger 120°-Abstand: #F59E0B · #0AF59F · #9F0AF5
amber-Töne (50–900-Skala)
Fertige Tailwind-artige Skala, generiert aus #F59E0B.
Farben, die gut zu amber passen
FAQ zur Farbe amber
Was ist der HEX-Code von amber?
Ein häufig verwendeter HEX-Wert für amber ist #F59E0B, entsprechend rgb(245, 158, 11). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (38°) beibehalten.
Welche Farben passen gut zu amber?
amber harmoniert wunderbar mit navy, indigo, charcoal, cream. Die Komplementärfarbe ist #0A60F5, und ein klassisches triadisches Schema ergänzt #0AF59F und #9F0AF5.
Ist amber barrierefrei für Text und Hintergründe?
Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du amber in Text oder UI-Elementen einsetzt.
Erstelle deine eigene amber-Palette
Erzeuge harmonische Kombinationen aus #F59E0B in Sekunden.
Palettengenerator öffnen