Startseite Farbpaletten Palette „Philippine Orange“ mit 4 Farben

Palette „Philippine Orange“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Philippine Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 7.216

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #00425A;
  --c-vibrant-2: #1F8A70;
  --c-vibrant-3: #BFDB38;
  --c-vibrant-4: #FC7300;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lime Popsicle (#BFDB38) bis zum dunkelsten Ton Maniac Mansion (#00425A). Sie vereint Maniac Mansion, Elf, Lime Popsicle und Philippine Orange 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 #00425A auf #BFDB38 mit 6,96:1.

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

Farben im Detail

Maniac Mansion #00425A

RGB: rgb(0, 66, 90)
HSL: hsl(196, 100%, 18%)
Luminanz: 0,046

Elf #1F8A70

RGB: rgb(31, 138, 112)
HSL: hsl(165, 63%, 33%)
Luminanz: 0,196

Lime Popsicle #BFDB38

RGB: rgb(191, 219, 56)
HSL: hsl(70, 69%, 54%)
Luminanz: 0,620

Philippine Orange #FC7300

RGB: rgb(252, 115, 0)
HSL: hsl(27, 100%, 49%)
Luminanz: 0,330

Kontrast & Barrierefreiheit

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

Aa #00425A auf #BFDB38 6,96:1 AA

Aa #00425A auf #FC7300 3,94:1 AA (großer Text)

Aa #1F8A70 auf #BFDB38 2,72:1 Nicht bestanden

Aa #00425A auf #1F8A70 2,56:1 Nicht bestanden

Aa #BFDB38 auf #FC7300 1,77:1 Nicht bestanden

Aa #1F8A70 auf #FC7300 1,54:1 Nicht bestanden

Palette „Philippine Orange“ mit 4 Farben