Startseite Farbpaletten Palette „Flush Orange“ mit 4 Farben

Palette „Flush Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Flush Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 6.304

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #10A19D;
  --c-vibrant-2: #540375;
  --c-vibrant-3: #FF7000;
  --c-vibrant-4: #FFBF00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Amber (#FFBF00) bis zum dunkelsten Ton Royal Purple (#540375). Sie vereint Silken Jade, Royal Purple, Flush Orange und Amber 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 #540375 auf #FFBF00 mit 7,71:1.

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

Farben im Detail

Silken Jade #10A19D

RGB: rgb(16, 161, 157)
HSL: hsl(178, 82%, 35%)
Luminanz: 0,280

Royal Purple #540375

RGB: rgb(84, 3, 117)
HSL: hsl(283, 95%, 24%)
Luminanz: 0,032

Flush Orange #FF7000

RGB: rgb(255, 112, 0)
HSL: hsl(26, 100%, 50%)
Luminanz: 0,329

Amber #FFBF00

RGB: rgb(255, 191, 0)
HSL: hsl(45, 100%, 50%)
Luminanz: 0,585

Kontrast & Barrierefreiheit

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

Aa #540375 auf #FFBF00 7,71:1 AAA

Aa #540375 auf #FF7000 4,60:1 AA

Aa #10A19D auf #540375 4,01:1 AA (großer Text)

Aa #10A19D auf #FFBF00 1,92:1 Nicht bestanden

Aa #FF7000 auf #FFBF00 1,68:1 Nicht bestanden

Aa #10A19D auf #FF7000 1,15:1 Nicht bestanden

Palette „Flush Orange“ mit 4 Farben