Startseite Farbpaletten Palette „Orange You Happy?“ mit 4 Farben

Palette „Orange You Happy?“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orange You Happy?“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 3.449

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #7B4019;
  --c-vibrant-2: #FF7D29;
  --c-vibrant-3: #FFBF78;
  --c-vibrant-4: #FFEEA9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Transparent Yellow (#FFEEA9) bis zum dunkelsten Ton Walnut (#7B4019). Sie vereint Walnut, Orange You Happy?, Nouveau-Riche und Transparent Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #7B4019 auf #FFEEA9 mit 6,97:1.

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

Farben im Detail

Walnut #7B4019

RGB: rgb(123, 64, 25)
HSL: hsl(24, 66%, 29%)
Luminanz: 0,080

Orange You Happy? #FF7D29

RGB: rgb(255, 125, 41)
HSL: hsl(24, 100%, 58%)
Luminanz: 0,361

Nouveau-Riche #FFBF78

RGB: rgb(255, 191, 120)
HSL: hsl(32, 100%, 74%)
Luminanz: 0,599

Transparent Yellow #FFEEA9

RGB: rgb(255, 238, 169)
HSL: hsl(48, 100%, 83%)
Luminanz: 0,853

Kontrast & Barrierefreiheit

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

Aa #7B4019 auf #FFEEA9 6,97:1 AA

Aa #7B4019 auf #FFBF78 5,01:1 AA

Aa #7B4019 auf #FF7D29 3,17:1 AA (großer Text)

Aa #FF7D29 auf #FFEEA9 2,20:1 Nicht bestanden

Aa #FF7D29 auf #FFBF78 1,58:1 Nicht bestanden

Aa #FFBF78 auf #FFEEA9 1,39:1 Nicht bestanden

Palette „Orange You Happy?“ mit 4 Farben