Startseite Farbpaletten Palette „Red Wrath“ mit 4 Farben

Palette „Red Wrath“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Red Wrath“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.897

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #042F4B;
  --c-vibrant-2: #FFF6DA;
  --c-vibrant-3: #FBC99D;
  --c-vibrant-4: #ED1250;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Ivory Charm (#FFF6DA) bis zum dunkelsten Ton Cosmos Blue (#042F4B). Sie vereint Cosmos Blue, Ivory Charm, Orpiment Yellow und Red Wrath 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 #042F4B auf #FFF6DA mit 12,85:1.

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

Farben im Detail

Cosmos Blue #042F4B

RGB: rgb(4, 47, 75)
HSL: hsl(204, 90%, 15%)
Luminanz: 0,026

Ivory Charm #FFF6DA

RGB: rgb(255, 246, 218)
HSL: hsl(45, 100%, 93%)
Luminanz: 0,922

Orpiment Yellow #FBC99D

RGB: rgb(251, 201, 157)
HSL: hsl(28, 92%, 80%)
Luminanz: 0,647

Red Wrath #ED1250

RGB: rgb(237, 18, 80)
HSL: hsl(343, 86%, 50%)
Luminanz: 0,190

Kontrast & Barrierefreiheit

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

Aa #042F4B auf #FFF6DA 12,85:1 AAA

Aa #042F4B auf #FBC99D 9,21:1 AAA

Aa #FFF6DA auf #ED1250 4,05:1 AA (großer Text)

Aa #042F4B auf #ED1250 3,17:1 AA (großer Text)

Aa #FBC99D auf #ED1250 2,90:1 Nicht bestanden

Aa #FFF6DA auf #FBC99D 1,39:1 Nicht bestanden

Palette „Red Wrath“ mit 4 Farben