Startseite Farbpaletten Palette „Waxy Corn“ mit 4 Farben

Palette „Waxy Corn“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Waxy Corn“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 2.476

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2F4FB;
  --c-vibrant-2: #D22780;
  --c-vibrant-3: #F8B500;
  --c-vibrant-4: #5E227F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Boysenberry Shadow (#F2F4FB) bis zum dunkelsten Ton Purplex (#5E227F). Sie vereint Boysenberry Shadow, Highlighter Lilac, Waxy Corn und Purplex 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 #F2F4FB auf #5E227F mit 9,5:1.

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

Farben im Detail

Boysenberry Shadow #F2F4FB

RGB: rgb(242, 244, 251)
HSL: hsl(227, 53%, 97%)
Luminanz: 0,905

Highlighter Lilac #D22780

RGB: rgb(210, 39, 128)
HSL: hsl(329, 69%, 49%)
Luminanz: 0,167

Waxy Corn #F8B500

RGB: rgb(248, 181, 0)
HSL: hsl(44, 100%, 49%)
Luminanz: 0,530

Purplex #5E227F

RGB: rgb(94, 34, 127)
HSL: hsl(279, 58%, 32%)
Luminanz: 0,051

Kontrast & Barrierefreiheit

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

Aa #F2F4FB auf #5E227F 9,50:1 AAA

Aa #F8B500 auf #5E227F 5,77:1 AA

Aa #F2F4FB auf #D22780 4,40:1 AA (großer Text)

Aa #D22780 auf #F8B500 2,67:1 Nicht bestanden

Aa #D22780 auf #5E227F 2,16:1 Nicht bestanden

Aa #F2F4FB auf #F8B500 1,65:1 Nicht bestanden

Palette „Waxy Corn“ mit 4 Farben