Festival 6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Festival 6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär green red purple yellow

Likes 18

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #2F0372;
  --c-vibrant-2: #831584;
  --c-vibrant-3: #23895A;
  --c-vibrant-4: #CD4D59;
  --c-vibrant-5: #93BC52;
  --c-vibrant-6: #ECCF68;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Golden Sand (#ECCF68) bis zum dunkelsten Ton Galactic Federation (#2F0372). Sie vereint Galactic Federation, Violaceous Greti, Metallic Green, Iridescent Red, Happy Tune und Golden Sand in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F0372 auf #ECCF68 mit 9,94:1.

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

Farben im Detail

Galactic Federation #2F0372

RGB: rgb(47, 3, 114)
HSL: hsl(264, 95%, 23%)
Luminanz: 0,019

Violaceous Greti #831584

RGB: rgb(131, 21, 132)
HSL: hsl(299, 73%, 30%)
Luminanz: 0,070

Metallic Green #23895A

RGB: rgb(35, 137, 90)
HSL: hsl(152, 59%, 34%)
Luminanz: 0,190

Iridescent Red #CD4D59

RGB: rgb(205, 77, 89)
HSL: hsl(354, 56%, 55%)
Luminanz: 0,190

Happy Tune #93BC52

RGB: rgb(147, 188, 82)
HSL: hsl(83, 44%, 53%)
Luminanz: 0,428

Golden Sand #ECCF68

RGB: rgb(236, 207, 104)
HSL: hsl(47, 78%, 67%)
Luminanz: 0,635

Kontrast & Barrierefreiheit

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

Aa #2F0372 auf #ECCF68 9,94:1 AAA

Aa #2F0372 auf #93BC52 6,94:1 AA

Aa #831584 auf #ECCF68 5,69:1 AA

Aa #831584 auf #93BC52 3,97:1 AA (großer Text)

Aa #2F0372 auf #CD4D59 3,49:1 AA (großer Text)

Aa #2F0372 auf #23895A 3,48:1 AA (großer Text)

Aa #23895A auf #ECCF68 2,85:1 Nicht bestanden

Aa #CD4D59 auf #ECCF68 2,85:1 Nicht bestanden

Aa #831584 auf #CD4D59 2,00:1 Nicht bestanden

Aa #831584 auf #23895A 1,99:1 Nicht bestanden

Aa #23895A auf #93BC52 1,99:1 Nicht bestanden

Aa #CD4D59 auf #93BC52 1,99:1 Nicht bestanden

Aa #2F0372 auf #831584 1,75:1 Nicht bestanden

Aa #93BC52 auf #ECCF68 1,43:1 Nicht bestanden

Aa #23895A auf #CD4D59 1,00:1 Nicht bestanden

Festival 6

Festival 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen