Startseite Farbpaletten Palette „Glowlight“ mit 4 Farben

Palette „Glowlight“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Glowlight“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 2.502

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #155E95;
  --c-vibrant-2: #6A80B9;
  --c-vibrant-3: #F6C794;
  --c-vibrant-4: #FFF6B3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glowlight (#FFF6B3) bis zum dunkelsten Ton Lapis Jewel (#155E95). Sie vereint Lapis Jewel, Persian Jewel, Pizazz Peach und Glowlight in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #155E95 auf #FFF6B3 mit 6,22:1.

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

Farben im Detail

Lapis Jewel #155E95

RGB: rgb(21, 94, 149)
HSL: hsl(206, 75%, 33%)
Luminanz: 0,103

Persian Jewel #6A80B9

RGB: rgb(106, 128, 185)
HSL: hsl(223, 36%, 57%)
Luminanz: 0,220

Pizazz Peach #F6C794

RGB: rgb(246, 199, 148)
HSL: hsl(31, 84%, 77%)
Luminanz: 0,626

Glowlight #FFF6B3

RGB: rgb(255, 246, 179)
HSL: hsl(53, 100%, 85%)
Luminanz: 0,904

Kontrast & Barrierefreiheit

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

Aa #155E95 auf #FFF6B3 6,22:1 AA

Aa #155E95 auf #F6C794 4,41:1 AA (großer Text)

Aa #6A80B9 auf #FFF6B3 3,53:1 AA (großer Text)

Aa #6A80B9 auf #F6C794 2,50:1 Nicht bestanden

Aa #155E95 auf #6A80B9 1,76:1 Nicht bestanden

Aa #F6C794 auf #FFF6B3 1,41:1 Nicht bestanden

Palette „Glowlight“ mit 4 Farben