Startseite Farbpaletten Palette „Pumpkin Orange“ mit 4 Farben

Palette „Pumpkin Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pumpkin Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.763

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F7F6DE;
  --c-vibrant-2: #FA7E0A;
  --c-vibrant-3: #8F0E0E;
  --c-vibrant-4: #530C0C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Promenade (#F7F6DE) bis zum dunkelsten Ton Mama Africa (#530C0C). Sie vereint Promenade, Pumpkin Orange, Jack and Coke und Mama Africa 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 #F7F6DE auf #530C0C mit 13,46:1.

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

Farben im Detail

Promenade #F7F6DE

RGB: rgb(247, 246, 222)
HSL: hsl(58, 61%, 92%)
Luminanz: 0,910

Pumpkin Orange #FA7E0A

RGB: rgb(250, 126, 10)
HSL: hsl(29, 96%, 51%)
Luminanz: 0,353

Jack and Coke #8F0E0E

RGB: rgb(143, 14, 14)
HSL: hsl(0, 82%, 31%)
Luminanz: 0,062

Mama Africa #530C0C

RGB: rgb(83, 12, 12)
HSL: hsl(0, 75%, 19%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #F7F6DE auf #530C0C 13,46:1 AAA

Aa #F7F6DE auf #8F0E0E 8,58:1 AAA

Aa #FA7E0A auf #530C0C 5,65:1 AA

Aa #FA7E0A auf #8F0E0E 3,60:1 AA (großer Text)

Aa #F7F6DE auf #FA7E0A 2,38:1 Nicht bestanden

Aa #8F0E0E auf #530C0C 1,57:1 Nicht bestanden

Palette „Pumpkin Orange“ mit 4 Farben