Startseite Farbpaletten Palette „Pieces of Eight“ mit 4 Farben

Palette „Pieces of Eight“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pieces of Eight“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 5.944

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #143F6B;
  --c-vibrant-2: #F55353;
  --c-vibrant-3: #FEB139;
  --c-vibrant-4: #F6F54D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pilsener (#F6F54D) bis zum dunkelsten Ton Blue Opal (#143F6B). Sie vereint Blue Opal, Red Mana, Pieces of Eight und Pilsener 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 #143F6B auf #F6F54D mit 9,26:1.

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

Farben im Detail

Blue Opal #143F6B

RGB: rgb(20, 63, 107)
HSL: hsl(210, 69%, 25%)
Luminanz: 0,048

Red Mana #F55353

RGB: rgb(245, 83, 83)
HSL: hsl(0, 89%, 64%)
Luminanz: 0,262

Pieces of Eight #FEB139

RGB: rgb(254, 177, 57)
HSL: hsl(37, 99%, 61%)
Luminanz: 0,528

Pilsener #F6F54D

RGB: rgb(246, 245, 77)
HSL: hsl(60, 90%, 63%)
Luminanz: 0,854

Kontrast & Barrierefreiheit

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

Aa #143F6B auf #F6F54D 9,26:1 AAA

Aa #143F6B auf #FEB139 5,92:1 AA

Aa #143F6B auf #F55353 3,20:1 AA (großer Text)

Aa #F55353 auf #F6F54D 2,90:1 Nicht bestanden

Aa #F55353 auf #FEB139 1,85:1 Nicht bestanden

Aa #FEB139 auf #F6F54D 1,56:1 Nicht bestanden

Palette „Pieces of Eight“ mit 4 Farben