Startseite Farbpaletten Palette „Fluorescent Orange“ mit 4 Farben

Palette „Fluorescent Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fluorescent Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.130

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #682666;
  --c-vibrant-2: #CF0A2C;
  --c-vibrant-3: #E73E51;
  --c-vibrant-4: #FFCE00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fluorescent Orange (#FFCE00) bis zum dunkelsten Ton Blackest Berry (#682666). Sie vereint Blackest Berry, Cardinal Rage, Desire und Fluorescent Orange 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 #682666 auf #FFCE00 mit 6,84:1.

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

Farben im Detail

Blackest Berry #682666

RGB: rgb(104, 38, 102)
HSL: hsl(302, 46%, 28%)
Luminanz: 0,053

Cardinal Rage #CF0A2C

RGB: rgb(207, 10, 44)
HSL: hsl(350, 91%, 43%)
Luminanz: 0,137

Desire #E73E51

RGB: rgb(231, 62, 81)
HSL: hsl(353, 78%, 57%)
Luminanz: 0,210

Fluorescent Orange #FFCE00

RGB: rgb(255, 206, 0)
HSL: hsl(48, 100%, 50%)
Luminanz: 0,654

Kontrast & Barrierefreiheit

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

Aa #682666 auf #FFCE00 6,84:1 AA

Aa #CF0A2C auf #FFCE00 3,77:1 AA (großer Text)

Aa #E73E51 auf #FFCE00 2,70:1 Nicht bestanden

Aa #682666 auf #E73E51 2,53:1 Nicht bestanden

Aa #682666 auf #CF0A2C 1,81:1 Nicht bestanden

Aa #CF0A2C auf #E73E51 1,39:1 Nicht bestanden

Palette „Fluorescent Orange“ mit 4 Farben