Startseite Farbpaletten Palette „Brilliant Azure“ mit 4 Farben

Palette „Brilliant Azure“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Brilliant Azure“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 884

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1C0770;
  --c-vibrant-2: #261CC1;
  --c-vibrant-3: #3A9AFF;
  --c-vibrant-4: #F1FF5E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lemon Pie (#F1FF5E) bis zum dunkelsten Ton Bavarian Gentian (#1C0770). Sie vereint Bavarian Gentian, Tetraammine, Brilliant Azure und Lemon Pie in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C0770 auf #F1FF5E mit 14,62:1.

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

Farben im Detail

Bavarian Gentian #1C0770

RGB: rgb(28, 7, 112)
HSL: hsl(252, 88%, 23%)
Luminanz: 0,016

Tetraammine #261CC1

RGB: rgb(38, 28, 193)
HSL: hsl(244, 75%, 43%)
Luminanz: 0,051

Brilliant Azure #3A9AFF

RGB: rgb(58, 154, 255)
HSL: hsl(211, 100%, 61%)
Luminanz: 0,312

Lemon Pie #F1FF5E

RGB: rgb(241, 255, 94)
HSL: hsl(65, 100%, 68%)
Luminanz: 0,910

Kontrast & Barrierefreiheit

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

Aa #1C0770 auf #F1FF5E 14,62:1 AAA

Aa #261CC1 auf #F1FF5E 9,51:1 AAA

Aa #1C0770 auf #3A9AFF 5,52:1 AA

Aa #261CC1 auf #3A9AFF 3,59:1 AA (großer Text)

Aa #3A9AFF auf #F1FF5E 2,65:1 Nicht bestanden

Aa #1C0770 auf #261CC1 1,54:1 Nicht bestanden

Palette „Brilliant Azure“ mit 4 Farben