Startseite Farbpaletten Palette „Burning Coals“ mit 4 Farben

Palette „Burning Coals“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Burning Coals“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Komplementär

Likes 2.294

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F79B72;
  --c-muted-2: #2A4759;
  --c-muted-3: #DDDDDD;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Black Forest Blue (#2A4759). Sie vereint Burning Coals, Black Forest Blue, Steam und Super Silver 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 #2A4759 auf #EEEEEE mit 8,44:1.

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

Farben im Detail

Burning Coals #F79B72

RGB: rgb(247, 155, 114)
HSL: hsl(18, 89%, 71%)
Luminanz: 0,444

Black Forest Blue #2A4759

RGB: rgb(42, 71, 89)
HSL: hsl(203, 36%, 26%)
Luminanz: 0,057

Steam #DDDDDD

RGB: rgb(221, 221, 221)
HSL: hsl(0, 0%, 87%)
Luminanz: 0,723

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #2A4759 auf #EEEEEE 8,44:1 AAA

Aa #2A4759 auf #DDDDDD 7,21:1 AAA

Aa #F79B72 auf #2A4759 4,61:1 AA

Aa #F79B72 auf #EEEEEE 1,83:1 Nicht bestanden

Aa #F79B72 auf #DDDDDD 1,56:1 Nicht bestanden

Aa #DDDDDD auf #EEEEEE 1,17:1 Nicht bestanden

Palette „Burning Coals“ mit 4 Farben