Startseite Farbpaletten Palette „Panorama“ mit 4 Farben

Palette „Panorama“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Panorama“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 5.115

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F1F3F4;
  --c-muted-2: #79BAC1;
  --c-muted-3: #2A7886;
  --c-muted-4: #512B58;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Anti-Flash White (#F1F3F4) bis zum dunkelsten Ton Grape Royale (#512B58). Sie vereint Anti-Flash White, Pure Turquoise, Panorama und Grape Royale 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 #F1F3F4 auf #512B58 mit 10,27:1.

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

Farben im Detail

Anti-Flash White #F1F3F4

RGB: rgb(241, 243, 244)
HSL: hsl(200, 12%, 95%)
Luminanz: 0,893

Pure Turquoise #79BAC1

RGB: rgb(121, 186, 193)
HSL: hsl(186, 37%, 62%)
Luminanz: 0,430

Panorama #2A7886

RGB: rgb(42, 120, 134)
HSL: hsl(189, 52%, 35%)
Luminanz: 0,157

Grape Royale #512B58

RGB: rgb(81, 43, 88)
HSL: hsl(291, 34%, 26%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #F1F3F4 auf #512B58 10,27:1 AAA

Aa #79BAC1 auf #512B58 5,23:1 AA

Aa #F1F3F4 auf #2A7886 4,57:1 AA

Aa #79BAC1 auf #2A7886 2,33:1 Nicht bestanden

Aa #2A7886 auf #512B58 2,25:1 Nicht bestanden

Aa #F1F3F4 auf #79BAC1 1,96:1 Nicht bestanden

Palette „Panorama“ mit 4 Farben