Startseite Farbpaletten Palette „Aquamarine“ mit 4 Farben

Palette „Aquamarine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Aquamarine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Dunkel Analog

Likes 7.524

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #071E3D;
  --c-vibrant-2: #1F4287;
  --c-vibrant-3: #278EA5;
  --c-vibrant-4: #21E6C1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Aquamarine (#21E6C1) bis zum dunkelsten Ton Midnight Mirage (#071E3D). Sie vereint Midnight Mirage, Indigo Hamlet, Waikiki und Aquamarine 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 #071E3D auf #21E6C1 mit 10,42:1.

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

Farben im Detail

Midnight Mirage #071E3D

RGB: rgb(7, 30, 61)
HSL: hsl(214, 79%, 13%)
Luminanz: 0,013

Indigo Hamlet #1F4287

RGB: rgb(31, 66, 135)
HSL: hsl(220, 63%, 33%)
Luminanz: 0,059

Waikiki #278EA5

RGB: rgb(39, 142, 165)
HSL: hsl(191, 62%, 40%)
Luminanz: 0,225

Aquamarine #21E6C1

RGB: rgb(33, 230, 193)
HSL: hsl(169, 80%, 52%)
Luminanz: 0,608

Kontrast & Barrierefreiheit

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

Aa #071E3D auf #21E6C1 10,42:1 AAA

Aa #1F4287 auf #21E6C1 6,01:1 AA

Aa #071E3D auf #278EA5 4,36:1 AA (großer Text)

Aa #1F4287 auf #278EA5 2,51:1 Nicht bestanden

Aa #278EA5 auf #21E6C1 2,39:1 Nicht bestanden

Aa #071E3D auf #1F4287 1,73:1 Nicht bestanden

Palette „Aquamarine“ mit 4 Farben