Startseite Farbpaletten Warm Spring Sunset

Warm Spring Sunset

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

Zurück zur Bibliothek

Warm Spring Sunset

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

Bearbeiten

Lebendig 10 Farben Warm Gemischt Komplementär

Likes 8

Farben 10

CSS-Variablen

:root {
  --c-vibrant-1: #451A45;
  --c-vibrant-2: #7D2B57;
  --c-vibrant-3: #ED5A5A;
  --c-vibrant-4: #FFF4C7;
  --c-vibrant-5: #FF8A65;
  --c-vibrant-6: #FFC9A3;
  --c-vibrant-7: #050E24;
  --c-vibrant-8: #115C23;
  --c-vibrant-9: #13381C;
  --c-vibrant-10: #0D2B14;
}

Über diese Palette

Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Butterball (#FFF4C7) bis zum dunkelsten Ton Void (#050E24). Sie vereint Purple Void, Magenta Purple, Khmer Curry, Butterball, Protein High, Polly, Void, Woodland Wonder, Phthalo Green und Nori Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF4C7 auf #050E24 mit 17,37:1.

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

Farben im Detail

Purple Void #451A45

RGB: rgb(69, 26, 69)
HSL: hsl(300, 45%, 19%)
Luminanz: 0,024

Magenta Purple #7D2B57

RGB: rgb(125, 43, 87)
HSL: hsl(328, 49%, 33%)
Luminanz: 0,068

Khmer Curry #ED5A5A

RGB: rgb(237, 90, 90)
HSL: hsl(0, 80%, 64%)
Luminanz: 0,261

Butterball #FFF4C7

RGB: rgb(255, 244, 199)
HSL: hsl(48, 100%, 89%)
Luminanz: 0,901

Protein High #FF8A65

RGB: rgb(255, 138, 101)
HSL: hsl(14, 100%, 70%)
Luminanz: 0,404

Polly #FFC9A3

RGB: rgb(255, 201, 163)
HSL: hsl(25, 100%, 82%)
Luminanz: 0,657

Void #050E24

RGB: rgb(5, 14, 36)
HSL: hsl(223, 76%, 8%)
Luminanz: 0,005

Woodland Wonder #115C23

RGB: rgb(17, 92, 35)
HSL: hsl(134, 69%, 21%)
Luminanz: 0,079

Phthalo Green #13381C

RGB: rgb(19, 56, 28)
HSL: hsl(135, 49%, 15%)
Luminanz: 0,031

Nori Green #0D2B14

RGB: rgb(13, 43, 20)
HSL: hsl(134, 54%, 11%)
Luminanz: 0,019

Kontrast & Barrierefreiheit

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

Aa #FFF4C7 auf #050E24 17,37:1 AAA

Aa #FFF4C7 auf #0D2B14 13,85:1 AAA

Aa #FFC9A3 auf #050E24 12,91:1 AAA

Aa #451A45 auf #FFF4C7 12,79:1 AAA

Aa #FFF4C7 auf #13381C 11,81:1 AAA

Aa #FFC9A3 auf #0D2B14 10,30:1 AAA

Aa #451A45 auf #FFC9A3 9,51:1 AAA

Aa #FFC9A3 auf #13381C 8,78:1 AAA

Aa #FF8A65 auf #050E24 8,29:1 AAA

Aa #7D2B57 auf #FFF4C7 8,07:1 AAA

Aa #FFF4C7 auf #115C23 7,37:1 AAA

Aa #FF8A65 auf #0D2B14 6,61:1 AA

Aa #451A45 auf #FF8A65 6,10:1 AA

Aa #7D2B57 auf #FFC9A3 6,00:1 AA

Aa #ED5A5A auf #050E24 5,67:1 AA

Aa #FF8A65 auf #13381C 5,64:1 AA

Aa #FFC9A3 auf #115C23 5,48:1 AA

Aa #ED5A5A auf #0D2B14 4,52:1 AA

Aa #451A45 auf #ED5A5A 4,18:1 AA (großer Text)

Aa #ED5A5A auf #13381C 3,86:1 AA (großer Text)

Aa #7D2B57 auf #FF8A65 3,85:1 AA (großer Text)

Aa #FF8A65 auf #115C23 3,52:1 AA (großer Text)

Aa #ED5A5A auf #FFF4C7 3,06:1 AA (großer Text)

Aa #7D2B57 auf #ED5A5A 2,64:1 Nicht bestanden

Aa #ED5A5A auf #115C23 2,41:1 Nicht bestanden

Aa #050E24 auf #115C23 2,36:1 Nicht bestanden

Aa #ED5A5A auf #FFC9A3 2,28:1 Nicht bestanden

Aa #7D2B57 auf #050E24 2,15:1 Nicht bestanden

Aa #FFF4C7 auf #FF8A65 2,10:1 Nicht bestanden

Aa #115C23 auf #0D2B14 1,88:1 Nicht bestanden

Aa #451A45 auf #115C23 1,73:1 Nicht bestanden

Aa #7D2B57 auf #0D2B14 1,72:1 Nicht bestanden

Aa #115C23 auf #13381C 1,60:1 Nicht bestanden

Aa #451A45 auf #7D2B57 1,58:1 Nicht bestanden

Aa #FF8A65 auf #FFC9A3 1,56:1 Nicht bestanden

Aa #050E24 auf #13381C 1,47:1 Nicht bestanden

Aa #7D2B57 auf #13381C 1,46:1 Nicht bestanden

Aa #ED5A5A auf #FF8A65 1,46:1 Nicht bestanden

Aa #451A45 auf #050E24 1,36:1 Nicht bestanden

Aa #FFF4C7 auf #FFC9A3 1,35:1 Nicht bestanden

Aa #050E24 auf #0D2B14 1,25:1 Nicht bestanden

Aa #13381C auf #0D2B14 1,17:1 Nicht bestanden

Aa #7D2B57 auf #115C23 1,10:1 Nicht bestanden

Aa #451A45 auf #13381C 1,08:1 Nicht bestanden

Aa #451A45 auf #0D2B14 1,08:1 Nicht bestanden

Warm Spring Sunset