Barbie4

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

Zurück zur Bibliothek

Barbie4

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch pixelart pink bubblegum barbie

Likes 50

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F7F9DC;
  --c-vibrant-2: #F486C6;
  --c-vibrant-3: #BF128C;
  --c-vibrant-4: #390A32;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Chilean Heath (#F7F9DC) bis zum dunkelsten Ton Cured Eggplant (#390A32). Sie vereint Chilean Heath, Bubblegum Beam, Medium Violet Red und Cured Eggplant in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7F9DC auf #390A32 mit 15,46:1.

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

Farben im Detail

Chilean Heath #F7F9DC

RGB: rgb(247, 249, 220)
HSL: hsl(64, 71%, 92%)
Luminanz: 0,927

Bubblegum Beam #F486C6

RGB: rgb(244, 134, 198)
HSL: hsl(325, 83%, 74%)
Luminanz: 0,404

Medium Violet Red #BF128C

RGB: rgb(191, 18, 140)
HSL: hsl(318, 83%, 41%)
Luminanz: 0,134

Cured Eggplant #390A32

RGB: rgb(57, 10, 50)
HSL: hsl(309, 70%, 13%)
Luminanz: 0,013

Kontrast & Barrierefreiheit

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

Aa #F7F9DC auf #390A32 15,46:1 AAA

Aa #F486C6 auf #390A32 7,18:1 AAA

Aa #F7F9DC auf #BF128C 5,31:1 AA

Aa #BF128C auf #390A32 2,91:1 Nicht bestanden

Aa #F486C6 auf #BF128C 2,46:1 Nicht bestanden

Aa #F7F9DC auf #F486C6 2,15:1 Nicht bestanden

Barbie4

Barbie4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen