Startseite Farbpaletten Palette „Flame Orange“ mit 4 Farben

Palette „Flame Orange“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Flame Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.763

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FBE6C2;
  --c-vibrant-2: #F0C929;
  --c-vibrant-3: #F48B29;
  --c-vibrant-4: #AC0D0D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Autumn Child (#FBE6C2) bis zum dunkelsten Ton Büchel Cherry (#AC0D0D). Sie vereint Autumn Child, Golden Dream, Flame Orange und Büchel Cherry 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 #FBE6C2 auf #AC0D0D mit 6,1:1.

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

Farben im Detail

Autumn Child #FBE6C2

RGB: rgb(251, 230, 194)
HSL: hsl(38, 88%, 87%)
Luminanz: 0,810

Golden Dream #F0C929

RGB: rgb(240, 201, 41)
HSL: hsl(48, 87%, 55%)
Luminanz: 0,605

Flame Orange #F48B29

RGB: rgb(244, 139, 41)
HSL: hsl(29, 90%, 56%)
Luminanz: 0,379

Büchel Cherry #AC0D0D

RGB: rgb(172, 13, 13)
HSL: hsl(0, 86%, 36%)
Luminanz: 0,091

Kontrast & Barrierefreiheit

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

Aa #FBE6C2 auf #AC0D0D 6,10:1 AA

Aa #F0C929 auf #AC0D0D 4,65:1 AA

Aa #F48B29 auf #AC0D0D 3,04:1 AA (großer Text)

Aa #FBE6C2 auf #F48B29 2,01:1 Nicht bestanden

Aa #F0C929 auf #F48B29 1,53:1 Nicht bestanden

Aa #FBE6C2 auf #F0C929 1,31:1 Nicht bestanden

Palette „Flame Orange“ mit 4 Farben