Startseite Farbpaletten Palette „Mandarin Peel“ mit 4 Farben

Palette „Mandarin Peel“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mandarin Peel“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.227

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #309898;
  --c-vibrant-2: #FF9F00;
  --c-vibrant-3: #F4631E;
  --c-vibrant-4: #CB0404;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Mandarin Peel (#FF9F00) bis zum dunkelsten Ton Rebellion Red (#CB0404). Sie vereint Aqua Lake, Mandarin Peel, Scarlet Ibis und Rebellion Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Aqua Lake #309898

RGB: rgb(48, 152, 152)
HSL: hsl(180, 52%, 39%)
Luminanz: 0,254

Mandarin Peel #FF9F00

RGB: rgb(255, 159, 0)
HSL: hsl(37, 100%, 50%)
Luminanz: 0,461

Scarlet Ibis #F4631E

RGB: rgb(244, 99, 30)
HSL: hsl(19, 91%, 54%)
Luminanz: 0,283

Rebellion Red #CB0404

RGB: rgb(203, 4, 4)
HSL: hsl(0, 96%, 41%)
Luminanz: 0,128

Kontrast & Barrierefreiheit

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

Aa #FF9F00 auf #CB0404 2,87:1 Nicht bestanden

Aa #F4631E auf #CB0404 1,87:1 Nicht bestanden

Aa #309898 auf #CB0404 1,71:1 Nicht bestanden

Aa #309898 auf #FF9F00 1,68:1 Nicht bestanden

Aa #FF9F00 auf #F4631E 1,54:1 Nicht bestanden

Aa #309898 auf #F4631E 1,10:1 Nicht bestanden

Palette „Mandarin Peel“ mit 4 Farben