Farb-Guide

Die Farbe Navy

#1E3A8A

Farbcodes von navy

HEX
#1E3A8A
RGB
rgb(30, 58, 138)
HSL
hsl(224, 64%, 33%)
OKLCH
oklch(64% 0.10 284)

Was navy bedeutet

Navy is the most authoritative color: deep, stable and serious without being cold.

So wird es im Design eingesetzt

Classic base for finance, legal and enterprise software. Pairs with almost any accent.

Farbkombinationen mit navy

Harmonien, berechnet mit Farbtheorie für den Basiston 224°.

Komplementär

Maximaler Kontrast: #1E3A8A + #8A6D1E

Im Editor öffnen

Analog

Harmonie bei ±30°: #1E718A · #1E3A8A · #371E8A

Triadisch

Gleichmäßiger 120°-Abstand: #1E3A8A · #8A1E3B · #3B8A1E

navy-Töne (50–900-Skala)

Fertige Tailwind-artige Skala, generiert aus #1E3A8A.

50 #000000
100 #000000
200 #000000
300 #060810
400 #132042
500 #1E3B8A
600 #385DC2
700 #6F88CC
800 #95A6D5
900 #AAB7DB

Farben, die gut zu navy passen

FAQ zur Farbe navy

Was ist der HEX-Code von navy?

Ein häufig verwendeter HEX-Wert für navy ist #1E3A8A, entsprechend rgb(30, 58, 138). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (224°) beibehalten.

Welche Farben passen gut zu navy?

navy harmoniert wunderbar mit gold, coral, white, sky. Die Komplementärfarbe ist #8A6D1E, und ein klassisches triadisches Schema ergänzt #8A1E3B und #3B8A1E.

Ist navy 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 navy in Text oder UI-Elementen einsetzt.

Erstelle deine eigene navy-Palette

Erzeuge harmonische Kombinationen aus #1E3A8A in Sekunden.

Palettengenerator öffnen