Farb-Guide
Die Farbe Blue
#3B82F6
Farbcodes von blue
Was blue bedeutet
Blue conveys trust, security and professionalism. It is the most used color in corporate identity and finance apps for a reason: it calms and builds credibility.
So wird es im Design eingesetzt
Ideal for primary actions, links and navigation elements. The safest base color for SaaS and productivity products.
Farbkombinationen mit blue
Harmonien, berechnet mit Farbtheorie für den Basiston 217°.
Komplementär
Maximaler Kontrast: #3B82F6 + #F6AF3C
Analog
Harmonie bei ±30°: #3CE0F6 · #3B82F6 · #523CF6
Triadisch
Gleichmäßiger 120°-Abstand: #3B82F6 · #F63C83 · #83F63C
blue-Töne (50–900-Skala)
Fertige Tailwind-artige Skala, generiert aus #3B82F6.
Farben, die gut zu blue passen
FAQ zur Farbe blue
Was ist der HEX-Code von blue?
Ein häufig verwendeter HEX-Wert für blue ist #3B82F6, entsprechend rgb(59, 130, 246). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (217°) beibehalten.
Welche Farben passen gut zu blue?
blue harmoniert wunderbar mit white, gray, yellow, coral. Die Komplementärfarbe ist #F6AF3C, und ein klassisches triadisches Schema ergänzt #F63C83 und #83F63C.
Ist blue 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 blue in Text oder UI-Elementen einsetzt.
Erstelle deine eigene blue-Palette
Erzeuge harmonische Kombinationen aus #3B82F6 in Sekunden.
Palettengenerator öffnen