Startseite Farbpaletten Palette „First Day of Summer“ mit 4 Farben

Palette „First Day of Summer“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „First Day of Summer“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 2.090

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D0EFB5;
  --c-vibrant-2: #EB7878;
  --c-vibrant-3: #2F3E75;
  --c-vibrant-4: #F3E595;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Imbued With Mint (#D0EFB5) bis zum dunkelsten Ton Forbidden Blackberry (#2F3E75). Sie vereint Imbued With Mint, Siesta Rose, Forbidden Blackberry und First Day of Summer 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 #D0EFB5 auf #2F3E75 mit 8,08:1.

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

Farben im Detail

Imbued With Mint #D0EFB5

RGB: rgb(208, 239, 181)
HSL: hsl(92, 64%, 82%)
Luminanz: 0,785

Siesta Rose #EB7878

RGB: rgb(235, 120, 120)
HSL: hsl(0, 74%, 70%)
Luminanz: 0,325

Forbidden Blackberry #2F3E75

RGB: rgb(47, 62, 117)
HSL: hsl(227, 43%, 32%)
Luminanz: 0,053

First Day of Summer #F3E595

RGB: rgb(243, 229, 149)
HSL: hsl(51, 80%, 77%)
Luminanz: 0,773

Kontrast & Barrierefreiheit

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

Aa #D0EFB5 auf #2F3E75 8,08:1 AAA

Aa #2F3E75 auf #F3E595 7,96:1 AAA

Aa #EB7878 auf #2F3E75 3,62:1 AA (großer Text)

Aa #D0EFB5 auf #EB7878 2,23:1 Nicht bestanden

Aa #EB7878 auf #F3E595 2,20:1 Nicht bestanden

Aa #D0EFB5 auf #F3E595 1,01:1 Nicht bestanden

Palette „First Day of Summer“ mit 4 Farben