Startseite Farbpaletten Palette „Safety Orange“ mit 4 Farben

Palette „Safety Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Safety Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.023

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF9E0;
  --c-vibrant-2: #F1C550;
  --c-vibrant-3: #FF6600;
  --c-vibrant-4: #CE2525;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Beaming Sun (#FFF9E0) bis zum dunkelsten Ton Flush Mahogany (#CE2525). Sie vereint Beaming Sun, Rayo de Sol, Safety Orange und Flush Mahogany in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF9E0 auf #CE2525 mit 5,08:1.

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

Farben im Detail

Beaming Sun #FFF9E0

RGB: rgb(255, 249, 224)
HSL: hsl(48, 100%, 94%)
Luminanz: 0,944

Rayo de Sol #F1C550

RGB: rgb(241, 197, 80)
HSL: hsl(44, 85%, 63%)
Luminanz: 0,592

Safety Orange #FF6600

RGB: rgb(255, 102, 0)
HSL: hsl(24, 100%, 50%)
Luminanz: 0,308

Flush Mahogany #CE2525

RGB: rgb(206, 37, 37)
HSL: hsl(0, 70%, 48%)
Luminanz: 0,146

Kontrast & Barrierefreiheit

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

Aa #FFF9E0 auf #CE2525 5,08:1 AA

Aa #F1C550 auf #CE2525 3,28:1 AA (großer Text)

Aa #FFF9E0 auf #FF6600 2,78:1 Nicht bestanden

Aa #FF6600 auf #CE2525 1,83:1 Nicht bestanden

Aa #F1C550 auf #FF6600 1,80:1 Nicht bestanden

Aa #FFF9E0 auf #F1C550 1,55:1 Nicht bestanden

Palette „Safety Orange“ mit 4 Farben