Startseite Farbpaletten Palette „Grapefruit“ mit 4 Farben

Palette „Grapefruit“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Grapefruit“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 2.434

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #EBFFFB;
  --c-vibrant-2: #FF5858;
  --c-vibrant-3: #61234E;
  --c-vibrant-4: #032535;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Placebo Sky (#EBFFFB) bis zum dunkelsten Ton Midnight Dreams (#032535). Sie vereint Placebo Sky, Grapefruit, Plum Caspia und Midnight Dreams 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 #EBFFFB auf #032535 mit 15,33:1.

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

Farben im Detail

Placebo Sky #EBFFFB

RGB: rgb(235, 255, 251)
HSL: hsl(168, 100%, 96%)
Luminanz: 0,962

Grapefruit #FF5858

RGB: rgb(255, 88, 88)
HSL: hsl(0, 100%, 67%)
Luminanz: 0,289

Plum Caspia #61234E

RGB: rgb(97, 35, 78)
HSL: hsl(318, 47%, 26%)
Luminanz: 0,043

Midnight Dreams #032535

RGB: rgb(3, 37, 53)
HSL: hsl(199, 89%, 11%)
Luminanz: 0,016

Kontrast & Barrierefreiheit

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

Aa #EBFFFB auf #032535 15,33:1 AAA

Aa #EBFFFB auf #61234E 10,88:1 AAA

Aa #FF5858 auf #032535 5,14:1 AA

Aa #FF5858 auf #61234E 3,65:1 AA (großer Text)

Aa #EBFFFB auf #FF5858 2,98:1 Nicht bestanden

Aa #61234E auf #032535 1,41:1 Nicht bestanden

Palette „Grapefruit“ mit 4 Farben