Startseite Farbpaletten Palette „Beacon Yellow“ mit 4 Farben

Palette „Beacon Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Beacon Yellow“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Monochrom

Likes 12.349

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #CC9B6D;
  --c-pastel-2: #F1CA89;
  --c-pastel-3: #F2DAC3;
  --c-pastel-4: #C8C2BC;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Sweet Sand (#F2DAC3) bis zum dunkelsten Ton White Oak (#CC9B6D). Sie vereint White Oak, Beacon Yellow, Sweet Sand und White Gauze 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

White Oak #CC9B6D

RGB: rgb(204, 155, 109)
HSL: hsl(29, 48%, 61%)
Luminanz: 0,374

Beacon Yellow #F1CA89

RGB: rgb(241, 202, 137)
HSL: hsl(38, 79%, 74%)
Luminanz: 0,628

Sweet Sand #F2DAC3

RGB: rgb(242, 218, 195)
HSL: hsl(29, 64%, 86%)
Luminanz: 0,730

White Gauze #C8C2BC

RGB: rgb(200, 194, 188)
HSL: hsl(30, 10%, 76%)
Luminanz: 0,545

Kontrast & Barrierefreiheit

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

Aa #CC9B6D auf #F2DAC3 1,84:1 Nicht bestanden

Aa #CC9B6D auf #F1CA89 1,60:1 Nicht bestanden

Aa #CC9B6D auf #C8C2BC 1,40:1 Nicht bestanden

Aa #F2DAC3 auf #C8C2BC 1,31:1 Nicht bestanden

Aa #F1CA89 auf #F2DAC3 1,15:1 Nicht bestanden

Aa #F1CA89 auf #C8C2BC 1,14:1 Nicht bestanden

Palette „Beacon Yellow“ mit 4 Farben