Startseite Farbpaletten Palette „Spaghetti“ mit 4 Farben

Palette „Spaghetti“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Spaghetti“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.686

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B93160;
  --c-vibrant-2: #D75281;
  --c-vibrant-3: #EED180;
  --c-vibrant-4: #FFF89C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spaghetti (#FFF89C) bis zum dunkelsten Ton Valentine’s Kiss (#B93160). Sie vereint Valentine’s Kiss, Rose Turkish Delight, Golden Sap und Spaghetti in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B93160 auf #FFF89C mit 5,22:1.

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

Farben im Detail

Valentine’s Kiss #B93160

RGB: rgb(185, 49, 96)
HSL: hsl(339, 58%, 46%)
Luminanz: 0,134

Rose Turkish Delight #D75281

RGB: rgb(215, 82, 129)
HSL: hsl(339, 62%, 58%)
Luminanz: 0,221

Golden Sap #EED180

RGB: rgb(238, 209, 128)
HSL: hsl(44, 76%, 72%)
Luminanz: 0,653

Spaghetti #FFF89C

RGB: rgb(255, 248, 156)
HSL: hsl(56, 100%, 81%)
Luminanz: 0,908

Kontrast & Barrierefreiheit

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

Aa #B93160 auf #FFF89C 5,22:1 AA

Aa #B93160 auf #EED180 3,83:1 AA (großer Text)

Aa #D75281 auf #FFF89C 3,54:1 AA (großer Text)

Aa #D75281 auf #EED180 2,60:1 Nicht bestanden

Aa #B93160 auf #D75281 1,47:1 Nicht bestanden

Aa #EED180 auf #FFF89C 1,36:1 Nicht bestanden

Palette „Spaghetti“ mit 4 Farben