Startseite Farbpaletten Palette „Yellow-Bellied“ mit 4 Farben

Palette „Yellow-Bellied“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Yellow-Bellied“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 1.419

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FEED30;
  --c-vibrant-2: #FF6868;
  --c-vibrant-3: #924992;
  --c-vibrant-4: #504077;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellow-Bellied (#FEED30) bis zum dunkelsten Ton Raw Amethyst (#504077). Sie vereint Yellow-Bellied, Pompelmo, Mad About Magenta und Raw Amethyst 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 #FEED30 auf #504077 mit 7,42:1.

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

Farben im Detail

Yellow-Bellied #FEED30

RGB: rgb(254, 237, 48)
HSL: hsl(55, 99%, 59%)
Luminanz: 0,819

Pompelmo #FF6868

RGB: rgb(255, 104, 104)
HSL: hsl(0, 100%, 70%)
Luminanz: 0,322

Mad About Magenta #924992

RGB: rgb(146, 73, 146)
HSL: hsl(300, 33%, 43%)
Luminanz: 0,130

Raw Amethyst #504077

RGB: rgb(80, 64, 119)
HSL: hsl(257, 30%, 36%)
Luminanz: 0,067

Kontrast & Barrierefreiheit

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

Aa #FEED30 auf #504077 7,42:1 AAA

Aa #FEED30 auf #924992 4,84:1 AA

Aa #FF6868 auf #504077 3,17:1 AA (großer Text)

Aa #FEED30 auf #FF6868 2,34:1 Nicht bestanden

Aa #FF6868 auf #924992 2,07:1 Nicht bestanden

Aa #924992 auf #504077 1,53:1 Nicht bestanden

Palette „Yellow-Bellied“ mit 4 Farben