Startseite Farbpaletten Palette „Blue Whale“ mit 4 Farben

Palette „Blue Whale“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Blue Whale“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.223

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D1DBBD;
  --c-muted-2: #91AA9D;
  --c-muted-3: #3E606F;
  --c-muted-4: #193441;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Zen Garden (#D1DBBD) bis zum dunkelsten Ton Blue Whale (#193441). Sie vereint Zen Garden, Melville, Juniper Berry Blue und Blue Whale in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D1DBBD auf #193441 mit 9,06:1.

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

Farben im Detail

Zen Garden #D1DBBD

RGB: rgb(209, 219, 189)
HSL: hsl(80, 29%, 80%)
Luminanz: 0,679

Melville #91AA9D

RGB: rgb(145, 170, 157)
HSL: hsl(149, 13%, 62%)
Luminanz: 0,372

Juniper Berry Blue #3E606F

RGB: rgb(62, 96, 111)
HSL: hsl(198, 28%, 34%)
Luminanz: 0,105

Blue Whale #193441

RGB: rgb(25, 52, 65)
HSL: hsl(200, 44%, 18%)
Luminanz: 0,030

Kontrast & Barrierefreiheit

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

Aa #D1DBBD auf #193441 9,06:1 AAA

Aa #91AA9D auf #193441 5,25:1 AA

Aa #D1DBBD auf #3E606F 4,69:1 AA

Aa #91AA9D auf #3E606F 2,72:1 Nicht bestanden

Aa #3E606F auf #193441 1,93:1 Nicht bestanden

Aa #D1DBBD auf #91AA9D 1,73:1 Nicht bestanden

Palette „Blue Whale“ mit 4 Farben