Startseite Farbpaletten Palette „French Fuchsia“ mit 4 Farben

Palette „French Fuchsia“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „French Fuchsia“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 2.537

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #45454D;
  --c-vibrant-2: #FF4893;
  --c-vibrant-3: #FFD5D5;
  --c-vibrant-4: #FFF1E9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pico Ivory (#FFF1E9) bis zum dunkelsten Ton Night Grey (#45454D). Sie vereint Night Grey, French Fuchsia, Pink Clay und Pico Ivory 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 #45454D auf #FFF1E9 mit 8,6:1.

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

Farben im Detail

Night Grey #45454D

RGB: rgb(69, 69, 77)
HSL: hsl(240, 5%, 29%)
Luminanz: 0,061

French Fuchsia #FF4893

RGB: rgb(255, 72, 147)
HSL: hsl(335, 100%, 64%)
Luminanz: 0,280

Pink Clay #FFD5D5

RGB: rgb(255, 213, 213)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,737

Pico Ivory #FFF1E9

RGB: rgb(255, 241, 233)
HSL: hsl(22, 100%, 96%)
Luminanz: 0,901

Kontrast & Barrierefreiheit

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

Aa #45454D auf #FFF1E9 8,60:1 AAA

Aa #45454D auf #FFD5D5 7,11:1 AAA

Aa #45454D auf #FF4893 2,98:1 Nicht bestanden

Aa #FF4893 auf #FFF1E9 2,88:1 Nicht bestanden

Aa #FF4893 auf #FFD5D5 2,38:1 Nicht bestanden

Aa #FFD5D5 auf #FFF1E9 1,21:1 Nicht bestanden

Palette „French Fuchsia“ mit 4 Farben