Startseite Farbpaletten Palette „Vintage Orange“ mit 4 Farben

Palette „Vintage Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vintage Orange“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 1.114

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5F2F2;
  --c-muted-2: #FEB05D;
  --c-muted-3: #5A7ACD;
  --c-muted-4: #2B2A2A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bright White (#F5F2F2) bis zum dunkelsten Ton The End (#2B2A2A). Sie vereint Bright White, Vintage Orange, Indigo Light und The End 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 #F5F2F2 auf #2B2A2A mit 12,86:1.

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

Farben im Detail

Bright White #F5F2F2

RGB: rgb(245, 242, 242)
HSL: hsl(0, 13%, 95%)
Luminanz: 0,893

Vintage Orange #FEB05D

RGB: rgb(254, 176, 93)
HSL: hsl(31, 99%, 68%)
Luminanz: 0,529

Indigo Light #5A7ACD

RGB: rgb(90, 122, 205)
HSL: hsl(223, 53%, 58%)
Luminanz: 0,205

The End #2B2A2A

RGB: rgb(43, 42, 42)
HSL: hsl(0, 1%, 17%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

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

Aa #F5F2F2 auf #2B2A2A 12,86:1 AAA

Aa #FEB05D auf #2B2A2A 7,89:1 AAA

Aa #F5F2F2 auf #5A7ACD 3,70:1 AA (großer Text)

Aa #5A7ACD auf #2B2A2A 3,48:1 AA (großer Text)

Aa #FEB05D auf #5A7ACD 2,27:1 Nicht bestanden

Aa #F5F2F2 auf #FEB05D 1,63:1 Nicht bestanden

Palette „Vintage Orange“ mit 4 Farben