Startseite Farbpaletten Palette „Curious Blue“ mit 4 Farben

Palette „Curious Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Curious Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 4.758

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F0EBCC;
  --c-muted-2: #3D84B8;
  --c-muted-3: #344FA1;
  --c-muted-4: #3F3697;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pacific Sand (#F0EBCC) bis zum dunkelsten Ton Royal Wisteria (#3F3697). Sie vereint Pacific Sand, Curious Blue, Dazzling Blue und Royal Wisteria in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F0EBCC auf #3F3697 mit 7,99:1.

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

Farben im Detail

Pacific Sand #F0EBCC

RGB: rgb(240, 235, 204)
HSL: hsl(52, 55%, 87%)
Luminanz: 0,823

Curious Blue #3D84B8

RGB: rgb(61, 132, 184)
HSL: hsl(205, 50%, 48%)
Luminanz: 0,210

Dazzling Blue #344FA1

RGB: rgb(52, 79, 161)
HSL: hsl(225, 51%, 42%)
Luminanz: 0,089

Royal Wisteria #3F3697

RGB: rgb(63, 54, 151)
HSL: hsl(246, 47%, 40%)
Luminanz: 0,059

Kontrast & Barrierefreiheit

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

Aa #F0EBCC auf #3F3697 7,99:1 AAA

Aa #F0EBCC auf #344FA1 6,28:1 AA

Aa #F0EBCC auf #3D84B8 3,36:1 AA (großer Text)

Aa #3D84B8 auf #3F3697 2,37:1 Nicht bestanden

Aa #3D84B8 auf #344FA1 1,87:1 Nicht bestanden

Aa #344FA1 auf #3F3697 1,27:1 Nicht bestanden

Palette „Curious Blue“ mit 4 Farben