Startseite Farbpaletten Palette „Marine“ mit 4 Farben

Palette „Marine“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Marine“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 10.965

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #002B5B;
  --c-vibrant-2: #2B4865;
  --c-vibrant-3: #256D85;
  --c-vibrant-4: #8FE3CF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Beach Glass (#8FE3CF) bis zum dunkelsten Ton Marine (#002B5B). Sie vereint Marine, Lake View, Saxony Blue und Beach Glass in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #002B5B auf #8FE3CF mit 9,39:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Marine #002B5B

RGB: rgb(0, 43, 91)
HSL: hsl(212, 100%, 18%)
Luminanz: 0,025

Lake View #2B4865

RGB: rgb(43, 72, 101)
HSL: hsl(210, 40%, 28%)
Luminanz: 0,061

Saxony Blue #256D85

RGB: rgb(37, 109, 133)
HSL: hsl(195, 56%, 33%)
Luminanz: 0,130

Beach Glass #8FE3CF

RGB: rgb(143, 227, 207)
HSL: hsl(166, 60%, 73%)
Luminanz: 0,653

Kontrast & Barrierefreiheit

2 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #002B5B auf #8FE3CF 9,39:1 AAA

Aa #2B4865 auf #8FE3CF 6,34:1 AA

Aa #256D85 auf #8FE3CF 3,90:1 AA (großer Text)

Aa #002B5B auf #256D85 2,41:1 Nicht bestanden

Aa #2B4865 auf #256D85 1,63:1 Nicht bestanden

Aa #002B5B auf #2B4865 1,48:1 Nicht bestanden

Palette „Marine“ mit 4 Farben