Startseite Farbpaletten Palette „Sparkling Red“ mit 4 Farben

Palette „Sparkling Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sparkling Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 1.690

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #293462;
  --c-vibrant-2: #211A4C;
  --c-vibrant-3: #F33535;
  --c-vibrant-4: #A51C2D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sparkling Red (#F33535) bis zum dunkelsten Ton Silent Orbit (#211A4C). Sie vereint Underwater Realm, Silent Orbit, Sparkling Red und Cut Ruby 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

Underwater Realm #293462

RGB: rgb(41, 52, 98)
HSL: hsl(228, 41%, 27%)
Luminanz: 0,038

Silent Orbit #211A4C

RGB: rgb(33, 26, 76)
HSL: hsl(248, 49%, 20%)
Luminanz: 0,016

Sparkling Red #F33535

RGB: rgb(243, 53, 53)
HSL: hsl(0, 89%, 58%)
Luminanz: 0,219

Cut Ruby #A51C2D

RGB: rgb(165, 28, 45)
HSL: hsl(353, 71%, 38%)
Luminanz: 0,090

Kontrast & Barrierefreiheit

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

Aa #211A4C auf #F33535 4,08:1 AA (großer Text)

Aa #293462 auf #F33535 3,05:1 AA (großer Text)

Aa #211A4C auf #A51C2D 2,13:1 Nicht bestanden

Aa #F33535 auf #A51C2D 1,92:1 Nicht bestanden

Aa #293462 auf #A51C2D 1,59:1 Nicht bestanden

Aa #293462 auf #211A4C 1,34:1 Nicht bestanden

Palette „Sparkling Red“ mit 4 Farben