Startseite Farbpaletten Palette „Orange Pop“ mit 4 Farben

Palette „Orange Pop“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orange Pop“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 7.432

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FABC3F;
  --c-vibrant-2: #E85C0D;
  --c-vibrant-3: #C7253E;
  --c-vibrant-4: #821131;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Orange Pop (#FABC3F) bis zum dunkelsten Ton Sweet Cherry Red (#821131). Sie vereint Orange Pop, Tobiko Orange, Sovereign Red und Sweet Cherry Red 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 #FABC3F auf #821131 mit 5,95:1.

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

Farben im Detail

Orange Pop #FABC3F

RGB: rgb(250, 188, 63)
HSL: hsl(40, 95%, 61%)
Luminanz: 0,567

Tobiko Orange #E85C0D

RGB: rgb(232, 92, 13)
HSL: hsl(22, 89%, 48%)
Luminanz: 0,248

Sovereign Red #C7253E

RGB: rgb(199, 37, 62)
HSL: hsl(351, 69%, 46%)
Luminanz: 0,138

Sweet Cherry Red #821131

RGB: rgb(130, 17, 49)
HSL: hsl(343, 77%, 29%)
Luminanz: 0,054

Kontrast & Barrierefreiheit

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

Aa #FABC3F auf #821131 5,95:1 AA

Aa #FABC3F auf #C7253E 3,28:1 AA (großer Text)

Aa #E85C0D auf #821131 2,88:1 Nicht bestanden

Aa #FABC3F auf #E85C0D 2,07:1 Nicht bestanden

Aa #C7253E auf #821131 1,81:1 Nicht bestanden

Aa #E85C0D auf #C7253E 1,59:1 Nicht bestanden

Palette „Orange Pop“ mit 4 Farben