Startseite Farbpaletten Palette „Toreador“ mit 4 Farben

Palette „Toreador“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Toreador“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Triadisch

Likes 3.362

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #DEDDFA;
  --c-vibrant-2: #DAB8F3;
  --c-vibrant-3: #EA7AD7;
  --c-vibrant-4: #CE0F3D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Transparent Blue (#DEDDFA) bis zum dunkelsten Ton Toreador (#CE0F3D). Sie vereint Transparent Blue, Pink Illusion, Hibiscus Pop und Toreador 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

Transparent Blue #DEDDFA

RGB: rgb(222, 221, 250)
HSL: hsl(242, 74%, 92%)
Luminanz: 0,741

Pink Illusion #DAB8F3

RGB: rgb(218, 184, 243)
HSL: hsl(275, 71%, 84%)
Luminanz: 0,557

Hibiscus Pop #EA7AD7

RGB: rgb(234, 122, 215)
HSL: hsl(310, 73%, 70%)
Luminanz: 0,363

Toreador #CE0F3D

RGB: rgb(206, 15, 61)
HSL: hsl(346, 86%, 43%)
Luminanz: 0,138

Kontrast & Barrierefreiheit

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

Aa #DEDDFA auf #CE0F3D 4,21:1 AA (großer Text)

Aa #DAB8F3 auf #CE0F3D 3,23:1 AA (großer Text)

Aa #EA7AD7 auf #CE0F3D 2,20:1 Nicht bestanden

Aa #DEDDFA auf #EA7AD7 1,92:1 Nicht bestanden

Aa #DAB8F3 auf #EA7AD7 1,47:1 Nicht bestanden

Aa #DEDDFA auf #DAB8F3 1,30:1 Nicht bestanden

Palette „Toreador“ mit 4 Farben