Startseite Farbpaletten Palette „Cinque Foil“ mit 4 Farben

Palette „Cinque Foil“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Cinque Foil“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.350

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #7A4579;
  --c-vibrant-2: #D56073;
  --c-vibrant-3: #EC9E69;
  --c-vibrant-4: #FFFF8F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cinque Foil (#FFFF8F) bis zum dunkelsten Ton Purple Passion (#7A4579). Sie vereint Purple Passion, Tuna Sashimi, Florida Mango und Cinque Foil 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 #7A4579 auf #FFFF8F mit 6,75:1.

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

Farben im Detail

Purple Passion #7A4579

RGB: rgb(122, 69, 121)
HSL: hsl(301, 28%, 37%)
Luminanz: 0,098

Tuna Sashimi #D56073

RGB: rgb(213, 96, 115)
HSL: hsl(350, 58%, 61%)
Luminanz: 0,238

Florida Mango #EC9E69

RGB: rgb(236, 158, 105)
HSL: hsl(24, 78%, 67%)
Luminanz: 0,433

Cinque Foil #FFFF8F

RGB: rgb(255, 255, 143)
HSL: hsl(60, 100%, 78%)
Luminanz: 0,948

Kontrast & Barrierefreiheit

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

Aa #7A4579 auf #FFFF8F 6,75:1 AA

Aa #D56073 auf #FFFF8F 3,47:1 AA (großer Text)

Aa #7A4579 auf #EC9E69 3,27:1 AA (großer Text)

Aa #EC9E69 auf #FFFF8F 2,07:1 Nicht bestanden

Aa #7A4579 auf #D56073 1,95:1 Nicht bestanden

Aa #D56073 auf #EC9E69 1,68:1 Nicht bestanden

Palette „Cinque Foil“ mit 4 Farben