Startseite Farbpaletten Palette „Hera Blue“ mit 4 Farben

Palette „Hera Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hera Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 4.408

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1A2C5B;
  --c-muted-2: #3E4E88;
  --c-muted-3: #7971EA;
  --c-muted-4: #B8DFF0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fountains of Budapest (#B8DFF0) bis zum dunkelsten Ton Ultramarine Violet (#1A2C5B). Sie vereint Ultramarine Violet, Dive In, Hera Blue und Fountains of Budapest 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 #1A2C5B auf #B8DFF0 mit 9,55:1.

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

Farben im Detail

Ultramarine Violet #1A2C5B

RGB: rgb(26, 44, 91)
HSL: hsl(223, 56%, 23%)
Luminanz: 0,028

Dive In #3E4E88

RGB: rgb(62, 78, 136)
HSL: hsl(227, 37%, 39%)
Luminanz: 0,083

Hera Blue #7971EA

RGB: rgb(121, 113, 234)
HSL: hsl(244, 74%, 68%)
Luminanz: 0,218

Fountains of Budapest #B8DFF0

RGB: rgb(184, 223, 240)
HSL: hsl(198, 65%, 83%)
Luminanz: 0,693

Kontrast & Barrierefreiheit

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

Aa #1A2C5B auf #B8DFF0 9,55:1 AAA

Aa #3E4E88 auf #B8DFF0 5,60:1 AA

Aa #1A2C5B auf #7971EA 3,45:1 AA (großer Text)

Aa #7971EA auf #B8DFF0 2,77:1 Nicht bestanden

Aa #3E4E88 auf #7971EA 2,02:1 Nicht bestanden

Aa #1A2C5B auf #3E4E88 1,70:1 Nicht bestanden

Palette „Hera Blue“ mit 4 Farben