BUBBLEGUM 6

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

Zurück zur Bibliothek

BUBBLEGUM 6

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär pink bubblegum lightblue

Likes 29

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #F97CA4;
  --c-vibrant-2: #FEFFD0;
  --c-vibrant-3: #CCF6C2;
  --c-vibrant-4: #7CCFBC;
  --c-vibrant-5: #F7C73D;
  --c-vibrant-6: #303600;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Yellow Urn Orchid (#FEFFD0) bis zum dunkelsten Ton Wasabi Nori (#303600). Sie vereint Pink Makeup, Yellow Urn Orchid, Maroccan Tea, Lavish Green, Pyrite und Wasabi Nori in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FEFFD0 auf #303600 mit 12,36:1.

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

Farben im Detail

Pink Makeup #F97CA4

RGB: rgb(249, 124, 164)
HSL: hsl(341, 91%, 73%)
Luminanz: 0,372

Yellow Urn Orchid #FEFFD0

RGB: rgb(254, 255, 208)
HSL: hsl(61, 100%, 91%)
Luminanz: 0,971

Maroccan Tea #CCF6C2

RGB: rgb(204, 246, 194)
HSL: hsl(108, 74%, 86%)
Luminanz: 0,826

Lavish Green #7CCFBC

RGB: rgb(124, 207, 188)
HSL: hsl(166, 46%, 65%)
Luminanz: 0,525

Pyrite #F7C73D

RGB: rgb(247, 199, 61)
HSL: hsl(45, 92%, 60%)
Luminanz: 0,610

Wasabi Nori #303600

RGB: rgb(48, 54, 0)
HSL: hsl(67, 100%, 11%)
Luminanz: 0,033

Kontrast & Barrierefreiheit

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

Aa #FEFFD0 auf #303600 12,36:1 AAA

Aa #CCF6C2 auf #303600 10,60:1 AAA

Aa #F7C73D auf #303600 7,98:1 AAA

Aa #7CCFBC auf #303600 6,96:1 AA

Aa #F97CA4 auf #303600 5,11:1 AA

Aa #F97CA4 auf #FEFFD0 2,42:1 Nicht bestanden

Aa #F97CA4 auf #CCF6C2 2,08:1 Nicht bestanden

Aa #FEFFD0 auf #7CCFBC 1,78:1 Nicht bestanden

Aa #F97CA4 auf #F7C73D 1,56:1 Nicht bestanden

Aa #FEFFD0 auf #F7C73D 1,55:1 Nicht bestanden

Aa #CCF6C2 auf #7CCFBC 1,52:1 Nicht bestanden

Aa #F97CA4 auf #7CCFBC 1,36:1 Nicht bestanden

Aa #CCF6C2 auf #F7C73D 1,33:1 Nicht bestanden

Aa #FEFFD0 auf #CCF6C2 1,17:1 Nicht bestanden

Aa #7CCFBC auf #F7C73D 1,15:1 Nicht bestanden

BUBBLEGUM 6

BUBBLEGUM 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen