Startseite Farbpaletten Palette „Beacon Blue“ mit 4 Farben

Palette „Beacon Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Beacon Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Komplementär

Likes 4.404

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #295F98;
  --c-muted-2: #CDC2A5;
  --c-muted-3: #E1D7C6;
  --c-muted-4: #EAE4DD;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pampas (#EAE4DD) bis zum dunkelsten Ton Beacon Blue (#295F98). Sie vereint Beacon Blue, Stylish, Bone und Pampas 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 #295F98 auf #EAE4DD mit 5,23:1.

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

Farben im Detail

Beacon Blue #295F98

RGB: rgb(41, 95, 152)
HSL: hsl(211, 58%, 38%)
Luminanz: 0,109

Stylish #CDC2A5

RGB: rgb(205, 194, 165)
HSL: hsl(44, 29%, 73%)
Luminanz: 0,543

Bone #E1D7C6

RGB: rgb(225, 215, 198)
HSL: hsl(38, 31%, 83%)
Luminanz: 0,687

Pampas #EAE4DD

RGB: rgb(234, 228, 221)
HSL: hsl(32, 24%, 89%)
Luminanz: 0,782

Kontrast & Barrierefreiheit

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

Aa #295F98 auf #EAE4DD 5,23:1 AA

Aa #295F98 auf #E1D7C6 4,63:1 AA

Aa #295F98 auf #CDC2A5 3,72:1 AA (großer Text)

Aa #CDC2A5 auf #EAE4DD 1,40:1 Nicht bestanden

Aa #CDC2A5 auf #E1D7C6 1,24:1 Nicht bestanden

Aa #E1D7C6 auf #EAE4DD 1,13:1 Nicht bestanden

Palette „Beacon Blue“ mit 4 Farben