Startseite Farbpaletten Palette „Fire Dragon Bright“ mit 4 Farben

Palette „Fire Dragon Bright“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fire Dragon Bright“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 6.779

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #525FE1;
  --c-vibrant-2: #F86F03;
  --c-vibrant-3: #FFA41B;
  --c-vibrant-4: #FFF6F4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Coy (#FFF6F4) bis zum dunkelsten Ton Arcane Brew (#525FE1). Sie vereint Arcane Brew, Fire Dragon Bright, Lush Honeycomb und Coy 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 #525FE1 auf #FFF6F4 mit 4,83:1.

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

Farben im Detail

Arcane Brew #525FE1

RGB: rgb(82, 95, 225)
HSL: hsl(235, 70%, 60%)
Luminanz: 0,154

Fire Dragon Bright #F86F03

RGB: rgb(248, 111, 3)
HSL: hsl(26, 98%, 49%)
Luminanz: 0,313

Lush Honeycomb #FFA41B

RGB: rgb(255, 164, 27)
HSL: hsl(36, 100%, 55%)
Luminanz: 0,479

Coy #FFF6F4

RGB: rgb(255, 246, 244)
HSL: hsl(11, 100%, 98%)
Luminanz: 0,937

Kontrast & Barrierefreiheit

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

Aa #525FE1 auf #FFF6F4 4,83:1 AA

Aa #F86F03 auf #FFF6F4 2,72:1 Nicht bestanden

Aa #525FE1 auf #FFA41B 2,59:1 Nicht bestanden

Aa #FFA41B auf #FFF6F4 1,87:1 Nicht bestanden

Aa #525FE1 auf #F86F03 1,78:1 Nicht bestanden

Aa #F86F03 auf #FFA41B 1,46:1 Nicht bestanden

Palette „Fire Dragon Bright“ mit 4 Farben