Startseite Farbpaletten Palette „Pursuit of Happiness“ mit 4 Farben

Palette „Pursuit of Happiness“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pursuit of Happiness“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 6.489

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #28527A;
  --c-vibrant-2: #8AC4D0;
  --c-vibrant-3: #F4D160;
  --c-vibrant-4: #FBEEAC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Wood Avens (#FBEEAC) bis zum dunkelsten Ton Slumber (#28527A). Sie vereint Slumber, After the Rain, Pursuit of Happiness und Wood Avens 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 #28527A auf #FBEEAC mit 6,95:1.

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

Farben im Detail

Slumber #28527A

RGB: rgb(40, 82, 122)
HSL: hsl(209, 51%, 32%)
Luminanz: 0,079

After the Rain #8AC4D0

RGB: rgb(138, 196, 208)
HSL: hsl(190, 43%, 68%)
Luminanz: 0,494

Pursuit of Happiness #F4D160

RGB: rgb(244, 209, 96)
HSL: hsl(46, 87%, 67%)
Luminanz: 0,657

Wood Avens #FBEEAC

RGB: rgb(251, 238, 172)
HSL: hsl(50, 91%, 83%)
Luminanz: 0,846

Kontrast & Barrierefreiheit

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

Aa #28527A auf #FBEEAC 6,95:1 AA

Aa #28527A auf #F4D160 5,48:1 AA

Aa #28527A auf #8AC4D0 4,22:1 AA (großer Text)

Aa #8AC4D0 auf #FBEEAC 1,65:1 Nicht bestanden

Aa #8AC4D0 auf #F4D160 1,30:1 Nicht bestanden

Aa #F4D160 auf #FBEEAC 1,27:1 Nicht bestanden

Palette „Pursuit of Happiness“ mit 4 Farben