Startseite Farbpaletten Palette „Mango Tango“ mit 4 Farben

Palette „Mango Tango“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mango Tango“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 4.148

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FF8343;
  --c-vibrant-2: #F1DEC6;
  --c-vibrant-3: #179BAE;
  --c-vibrant-4: #4158A6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cream Washed (#F1DEC6) bis zum dunkelsten Ton Blue Dahlia (#4158A6). Sie vereint Mango Tango, Cream Washed, Riviera und Blue Dahlia 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 #F1DEC6 auf #4158A6 mit 5,05:1.

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

Farben im Detail

Mango Tango #FF8343

RGB: rgb(255, 131, 67)
HSL: hsl(20, 100%, 63%)
Luminanz: 0,379

Cream Washed #F1DEC6

RGB: rgb(241, 222, 198)
HSL: hsl(33, 61%, 86%)
Luminanz: 0,750

Riviera #179BAE

RGB: rgb(23, 155, 174)
HSL: hsl(188, 77%, 39%)
Luminanz: 0,267

Blue Dahlia #4158A6

RGB: rgb(65, 88, 166)
HSL: hsl(226, 44%, 45%)
Luminanz: 0,109

Kontrast & Barrierefreiheit

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

Aa #F1DEC6 auf #4158A6 5,05:1 AA

Aa #FF8343 auf #4158A6 2,71:1 Nicht bestanden

Aa #F1DEC6 auf #179BAE 2,53:1 Nicht bestanden

Aa #179BAE auf #4158A6 2,00:1 Nicht bestanden

Aa #FF8343 auf #F1DEC6 1,87:1 Nicht bestanden

Aa #FF8343 auf #179BAE 1,35:1 Nicht bestanden

Palette „Mango Tango“ mit 4 Farben