Startseite Farbpaletten Palette „Gentian Blue“ mit 4 Farben

Palette „Gentian Blue“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Gentian Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Analog

Likes 2.171

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F5C7F7;
  --c-vibrant-2: #C54FA7;
  --c-vibrant-3: #8D309B;
  --c-vibrant-4: #3426A4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sassy Pink (#F5C7F7) bis zum dunkelsten Ton Gentian Blue (#3426A4). Sie vereint Sassy Pink, Krameria, Nebula Outpost und Gentian Blue 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 #F5C7F7 auf #3426A4 mit 7,35:1.

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

Farben im Detail

Sassy Pink #F5C7F7

RGB: rgb(245, 199, 247)
HSL: hsl(298, 75%, 87%)
Luminanz: 0,670

Krameria #C54FA7

RGB: rgb(197, 79, 167)
HSL: hsl(315, 50%, 54%)
Luminanz: 0,203

Nebula Outpost #8D309B

RGB: rgb(141, 48, 155)
HSL: hsl(292, 53%, 40%)
Luminanz: 0,101

Gentian Blue #3426A4

RGB: rgb(52, 38, 164)
HSL: hsl(247, 62%, 40%)
Luminanz: 0,048

Kontrast & Barrierefreiheit

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

Aa #F5C7F7 auf #3426A4 7,35:1 AAA

Aa #F5C7F7 auf #8D309B 4,75:1 AA

Aa #F5C7F7 auf #C54FA7 2,85:1 Nicht bestanden

Aa #C54FA7 auf #3426A4 2,58:1 Nicht bestanden

Aa #C54FA7 auf #8D309B 1,67:1 Nicht bestanden

Aa #8D309B auf #3426A4 1,55:1 Nicht bestanden

Palette „Gentian Blue“ mit 4 Farben