Startseite Farbpaletten Palette „Calabrese“ mit 4 Farben

Palette „Calabrese“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Calabrese“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Komplementär

Likes 4.106

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #B2E4D5;
  --c-pastel-2: #F2A6A6;
  --c-pastel-3: #B18EA6;
  --c-pastel-4: #E7F3EE;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Astronomer (#E7F3EE) bis zum dunkelsten Ton Soft Impact (#B18EA6). Sie vereint Cruise, Calabrese, Soft Impact und Astronomer 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

Cruise #B2E4D5

RGB: rgb(178, 228, 213)
HSL: hsl(162, 48%, 80%)
Luminanz: 0,698

Calabrese #F2A6A6

RGB: rgb(242, 166, 166)
HSL: hsl(0, 75%, 80%)
Luminanz: 0,489

Soft Impact #B18EA6

RGB: rgb(177, 142, 166)
HSL: hsl(319, 18%, 63%)
Luminanz: 0,315

Astronomer #E7F3EE

RGB: rgb(231, 243, 238)
HSL: hsl(155, 33%, 93%)
Luminanz: 0,873

Kontrast & Barrierefreiheit

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

Aa #B18EA6 auf #E7F3EE 2,53:1 Nicht bestanden

Aa #B2E4D5 auf #B18EA6 2,05:1 Nicht bestanden

Aa #F2A6A6 auf #E7F3EE 1,71:1 Nicht bestanden

Aa #F2A6A6 auf #B18EA6 1,48:1 Nicht bestanden

Aa #B2E4D5 auf #F2A6A6 1,39:1 Nicht bestanden

Aa #B2E4D5 auf #E7F3EE 1,23:1 Nicht bestanden

Palette „Calabrese“ mit 4 Farben