Startseite Farbpaletten Palette „Embarrassment“ mit 4 Farben

Palette „Embarrassment“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Embarrassment“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Neutral Hell Komplementär

Likes 2.559

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #F9FA9B;
  --c-pastel-2: #FF7777;
  --c-pastel-3: #CEECF0;
  --c-pastel-4: #F0F3F3;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Walking on Sunshine (#F9FA9B) bis zum dunkelsten Ton Embarrassment (#FF7777). Sie vereint Walking on Sunshine, Embarrassment, Hand Sanitizer und Zappy Zebra in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Walking on Sunshine #F9FA9B

RGB: rgb(249, 250, 155)
HSL: hsl(61, 90%, 79%)
Luminanz: 0,909

Embarrassment #FF7777

RGB: rgb(255, 119, 119)
HSL: hsl(0, 100%, 73%)
Luminanz: 0,358

Hand Sanitizer #CEECF0

RGB: rgb(206, 236, 240)
HSL: hsl(187, 53%, 87%)
Luminanz: 0,794

Zappy Zebra #F0F3F3

RGB: rgb(240, 243, 243)
HSL: hsl(180, 11%, 95%)
Luminanz: 0,891

Kontrast & Barrierefreiheit

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

Aa #F9FA9B auf #FF7777 2,35:1 Nicht bestanden

Aa #FF7777 auf #F0F3F3 2,31:1 Nicht bestanden

Aa #FF7777 auf #CEECF0 2,07:1 Nicht bestanden

Aa #F9FA9B auf #CEECF0 1,14:1 Nicht bestanden

Aa #CEECF0 auf #F0F3F3 1,11:1 Nicht bestanden

Aa #F9FA9B auf #F0F3F3 1,02:1 Nicht bestanden

Palette „Embarrassment“ mit 4 Farben