Startseite Farbpaletten Palette „Peevish Red“ mit 4 Farben

Palette „Peevish Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Peevish Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 2.526

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF29C;
  --c-vibrant-2: #FFB26B;
  --c-vibrant-3: #FF639F;
  --c-vibrant-4: #FF2865;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellow Tail (#FFF29C) bis zum dunkelsten Ton Peevish Red (#FF2865). Sie vereint Yellow Tail, Apricot, Neon Sunset und Peevish Red 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ß.

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

Farben im Detail

Yellow Tail #FFF29C

RGB: rgb(255, 242, 156)
HSL: hsl(52, 100%, 81%)
Luminanz: 0,872

Apricot #FFB26B

RGB: rgb(255, 178, 107)
HSL: hsl(29, 100%, 71%)
Luminanz: 0,542

Neon Sunset #FF639F

RGB: rgb(255, 99, 159)
HSL: hsl(337, 100%, 69%)
Luminanz: 0,327

Peevish Red #FF2865

RGB: rgb(255, 40, 101)
HSL: hsl(343, 100%, 58%)
Luminanz: 0,237

Kontrast & Barrierefreiheit

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

Aa #FFF29C auf #FF2865 3,21:1 AA (großer Text)

Aa #FFF29C auf #FF639F 2,45:1 Nicht bestanden

Aa #FFB26B auf #FF2865 2,06:1 Nicht bestanden

Aa #FFB26B auf #FF639F 1,57:1 Nicht bestanden

Aa #FFF29C auf #FFB26B 1,56:1 Nicht bestanden

Aa #FF639F auf #FF2865 1,31:1 Nicht bestanden

Palette „Peevish Red“ mit 4 Farben