Startseite Farbpaletten Palette „Flash of Orange“ mit 4 Farben

Palette „Flash of Orange“ mit 4 Farben

Palette mit 4 Farben · Neutral · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Flash of Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Dunkel Triadisch

Likes 1.986

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFA900;
  --c-muted-2: #9D8221;
  --c-muted-3: #014441;
  --c-muted-4: #01252A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Flash of Orange (#FFA900) bis zum dunkelsten Ton Teal Spill (#01252A). Sie vereint Flash of Orange, Hacienda, Warm Black und Teal Spill 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 #FFA900 auf #01252A mit 8,41:1.

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

Farben im Detail

Flash of Orange #FFA900

RGB: rgb(255, 169, 0)
HSL: hsl(40, 100%, 50%)
Luminanz: 0,496

Hacienda #9D8221

RGB: rgb(157, 130, 33)
HSL: hsl(47, 65%, 37%)
Luminanz: 0,232

Warm Black #014441

RGB: rgb(1, 68, 65)
HSL: hsl(177, 97%, 14%)
Luminanz: 0,045

Teal Spill #01252A

RGB: rgb(1, 37, 42)
HSL: hsl(187, 95%, 8%)
Luminanz: 0,015

Kontrast & Barrierefreiheit

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

Aa #FFA900 auf #01252A 8,41:1 AAA

Aa #FFA900 auf #014441 5,74:1 AA

Aa #9D8221 auf #01252A 4,35:1 AA (großer Text)

Aa #9D8221 auf #014441 2,97:1 Nicht bestanden

Aa #FFA900 auf #9D8221 1,93:1 Nicht bestanden

Aa #014441 auf #01252A 1,47:1 Nicht bestanden

Palette „Flash of Orange“ mit 4 Farben