Startseite Farbpaletten Palette „Fiery Salmon“ mit 4 Farben

Palette „Fiery Salmon“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fiery Salmon“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 5.141

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F76262;
  --c-vibrant-2: #216583;
  --c-vibrant-3: #65C0BA;
  --c-vibrant-4: #CFFDF8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Blue (#CFFDF8) bis zum dunkelsten Ton Georgian Bay (#216583). Sie vereint Fiery Salmon, Georgian Bay, Tropic Tide und Pale Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #216583 auf #CFFDF8 mit 5,86:1.

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

Farben im Detail

Fiery Salmon #F76262

RGB: rgb(247, 98, 98)
HSL: hsl(0, 90%, 68%)
Luminanz: 0,294

Georgian Bay #216583

RGB: rgb(33, 101, 131)
HSL: hsl(198, 60%, 32%)
Luminanz: 0,113

Tropic Tide #65C0BA

RGB: rgb(101, 192, 186)
HSL: hsl(176, 42%, 57%)
Luminanz: 0,440

Pale Blue #CFFDF8

RGB: rgb(207, 253, 248)
HSL: hsl(173, 92%, 90%)
Luminanz: 0,903

Kontrast & Barrierefreiheit

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

Aa #216583 auf #CFFDF8 5,86:1 AA

Aa #216583 auf #65C0BA 3,01:1 AA (großer Text)

Aa #F76262 auf #CFFDF8 2,77:1 Nicht bestanden

Aa #F76262 auf #216583 2,11:1 Nicht bestanden

Aa #65C0BA auf #CFFDF8 1,94:1 Nicht bestanden

Aa #F76262 auf #65C0BA 1,43:1 Nicht bestanden

Palette „Fiery Salmon“ mit 4 Farben