Startseite Farbpaletten Palette „Keese Blue“ mit 4 Farben

Palette „Keese Blue“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Keese Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 3.015

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0008C1;
  --c-vibrant-2: #2146C7;
  --c-vibrant-3: #E6CBA8;
  --c-vibrant-4: #FDF0E0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Silk Lining (#FDF0E0) bis zum dunkelsten Ton Keese Blue (#0008C1). Sie vereint Keese Blue, Blue Blue, Manila und Silk Lining in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0008C1 auf #FDF0E0 mit 10,37:1.

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

Farben im Detail

Keese Blue #0008C1

RGB: rgb(0, 8, 193)
HSL: hsl(238, 100%, 38%)
Luminanz: 0,040

Blue Blue #2146C7

RGB: rgb(33, 70, 199)
HSL: hsl(227, 72%, 45%)
Luminanz: 0,088

Manila #E6CBA8

RGB: rgb(230, 203, 168)
HSL: hsl(34, 55%, 78%)
Luminanz: 0,624

Silk Lining #FDF0E0

RGB: rgb(253, 240, 224)
HSL: hsl(33, 88%, 94%)
Luminanz: 0,886

Kontrast & Barrierefreiheit

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

Aa #0008C1 auf #FDF0E0 10,37:1 AAA

Aa #0008C1 auf #E6CBA8 7,46:1 AAA

Aa #2146C7 auf #FDF0E0 6,77:1 AA

Aa #2146C7 auf #E6CBA8 4,87:1 AA

Aa #0008C1 auf #2146C7 1,53:1 Nicht bestanden

Aa #E6CBA8 auf #FDF0E0 1,39:1 Nicht bestanden

Palette „Keese Blue“ mit 4 Farben