Spicy 07

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

Zurück zur Bibliothek

Spicy 07

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Analog orange monoramp dark red

Likes 103

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #EDCD6E;
  --c-vibrant-2: #DE923D;
  --c-vibrant-3: #D25B1A;
  --c-vibrant-4: #C03716;
  --c-vibrant-5: #A52017;
  --c-vibrant-6: #7B0E10;
  --c-vibrant-7: #4E0C16;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Bee Pollen (#EDCD6E) bis zum dunkelsten Ton Maroon Oak (#4E0C16). Sie vereint Bee Pollen, Orange Drop, Tomato Bisque, Red Gravy, Ketchup Later, Secret Scarlet und Maroon Oak in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EDCD6E auf #4E0C16 mit 9,77:1.

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

Farben im Detail

Bee Pollen #EDCD6E

RGB: rgb(237, 205, 110)
HSL: hsl(45, 78%, 68%)
Luminanz: 0,628

Orange Drop #DE923D

RGB: rgb(222, 146, 61)
HSL: hsl(32, 71%, 55%)
Luminanz: 0,364

Tomato Bisque #D25B1A

RGB: rgb(210, 91, 26)
HSL: hsl(21, 78%, 46%)
Luminanz: 0,213

Red Gravy #C03716

RGB: rgb(192, 55, 22)
HSL: hsl(12, 79%, 42%)
Luminanz: 0,140

Ketchup Later #A52017

RGB: rgb(165, 32, 23)
HSL: hsl(4, 76%, 37%)
Luminanz: 0,091

Secret Scarlet #7B0E10

RGB: rgb(123, 14, 16)
HSL: hsl(359, 80%, 27%)
Luminanz: 0,046

Maroon Oak #4E0C16

RGB: rgb(78, 12, 22)
HSL: hsl(351, 73%, 18%)
Luminanz: 0,019

Kontrast & Barrierefreiheit

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

Aa #EDCD6E auf #4E0C16 9,77:1 AAA

Aa #EDCD6E auf #7B0E10 7,09:1 AAA

Aa #DE923D auf #4E0C16 5,97:1 AA

Aa #EDCD6E auf #A52017 4,81:1 AA

Aa #DE923D auf #7B0E10 4,33:1 AA (großer Text)

Aa #D25B1A auf #4E0C16 3,78:1 AA (großer Text)

Aa #EDCD6E auf #C03716 3,57:1 AA (großer Text)

Aa #DE923D auf #A52017 2,94:1 Nicht bestanden

Aa #D25B1A auf #7B0E10 2,75:1 Nicht bestanden

Aa #C03716 auf #4E0C16 2,74:1 Nicht bestanden

Aa #EDCD6E auf #D25B1A 2,58:1 Nicht bestanden

Aa #DE923D auf #C03716 2,18:1 Nicht bestanden

Aa #A52017 auf #4E0C16 2,03:1 Nicht bestanden

Aa #C03716 auf #7B0E10 1,99:1 Nicht bestanden

Aa #D25B1A auf #A52017 1,86:1 Nicht bestanden

Aa #EDCD6E auf #DE923D 1,64:1 Nicht bestanden

Aa #DE923D auf #D25B1A 1,58:1 Nicht bestanden

Aa #A52017 auf #7B0E10 1,47:1 Nicht bestanden

Aa #D25B1A auf #C03716 1,38:1 Nicht bestanden

Aa #7B0E10 auf #4E0C16 1,38:1 Nicht bestanden

Aa #C03716 auf #A52017 1,35:1 Nicht bestanden

Spicy 07

Spicy 07

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen