Startseite Farbpaletten Palette „Blue Raspberry“ mit 4 Farben

Palette „Blue Raspberry“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Blue Raspberry“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 2.849

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FCFCFC;
  --c-muted-2: #0FC9E7;
  --c-muted-3: #3186B2;
  --c-muted-4: #4756CA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Emptiness (#FCFCFC) bis zum dunkelsten Ton Gorgonzola Blue (#4756CA). Sie vereint Emptiness, Blue Raspberry, Blue Splash und Gorgonzola Blue 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 #FCFCFC auf #4756CA mit 5,93:1.

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

Farben im Detail

Emptiness #FCFCFC

RGB: rgb(252, 252, 252)
HSL: hsl(0, 0%, 99%)
Luminanz: 0,973

Blue Raspberry #0FC9E7

RGB: rgb(15, 201, 231)
HSL: hsl(188, 88%, 48%)
Luminanz: 0,476

Blue Splash #3186B2

RGB: rgb(49, 134, 178)
HSL: hsl(200, 57%, 45%)
Luminanz: 0,209

Gorgonzola Blue #4756CA

RGB: rgb(71, 86, 202)
HSL: hsl(233, 55%, 54%)
Luminanz: 0,123

Kontrast & Barrierefreiheit

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

Aa #FCFCFC auf #4756CA 5,93:1 AA

Aa #FCFCFC auf #3186B2 3,95:1 AA (großer Text)

Aa #0FC9E7 auf #4756CA 3,05:1 AA (großer Text)

Aa #0FC9E7 auf #3186B2 2,03:1 Nicht bestanden

Aa #FCFCFC auf #0FC9E7 1,94:1 Nicht bestanden

Aa #3186B2 auf #4756CA 1,50:1 Nicht bestanden

Palette „Blue Raspberry“ mit 4 Farben