Startseite Farbpaletten Palette „Barberry Yellow“ mit 4 Farben

Palette „Barberry Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Barberry Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.774

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #7C0A02;
  --c-vibrant-2: #B22222;
  --c-vibrant-3: #E25822;
  --c-vibrant-4: #F1BC31;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Barberry Yellow (#F1BC31) bis zum dunkelsten Ton Demonic Presence (#7C0A02). Sie vereint Demonic Presence, Firebrick, Flame und Barberry Yellow 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 #7C0A02 auf #F1BC31 mit 6,3:1.

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

Farben im Detail

Demonic Presence #7C0A02

RGB: rgb(124, 10, 2)
HSL: hsl(4, 97%, 25%)
Luminanz: 0,045

Firebrick #B22222

RGB: rgb(178, 34, 34)
HSL: hsl(0, 68%, 42%)
Luminanz: 0,107

Flame #E25822

RGB: rgb(226, 88, 34)
HSL: hsl(17, 77%, 51%)
Luminanz: 0,233

Barberry Yellow #F1BC31

RGB: rgb(241, 188, 49)
HSL: hsl(43, 87%, 57%)
Luminanz: 0,549

Kontrast & Barrierefreiheit

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

Aa #7C0A02 auf #F1BC31 6,30:1 AA

Aa #B22222 auf #F1BC31 3,81:1 AA (großer Text)

Aa #7C0A02 auf #E25822 2,97:1 Nicht bestanden

Aa #E25822 auf #F1BC31 2,12:1 Nicht bestanden

Aa #B22222 auf #E25822 1,80:1 Nicht bestanden

Aa #7C0A02 auf #B22222 1,65:1 Nicht bestanden

Palette „Barberry Yellow“ mit 4 Farben