Startseite Farbpaletten Palette „Knockout Orange“ mit 4 Farben

Palette „Knockout Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Knockout Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 7.777

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #EEB76B;
  --c-vibrant-2: #E2703A;
  --c-vibrant-3: #9C3D54;
  --c-vibrant-4: #310B0B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Olden Amber (#EEB76B) bis zum dunkelsten Ton Black Rooster (#310B0B). Sie vereint Olden Amber, Knockout Orange, Algae Red und Black Rooster 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 #EEB76B auf #310B0B mit 9,82:1.

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

Farben im Detail

Olden Amber #EEB76B

RGB: rgb(238, 183, 107)
HSL: hsl(35, 79%, 68%)
Luminanz: 0,531

Knockout Orange #E2703A

RGB: rgb(226, 112, 58)
HSL: hsl(19, 74%, 56%)
Luminanz: 0,281

Algae Red #9C3D54

RGB: rgb(156, 61, 84)
HSL: hsl(345, 44%, 43%)
Luminanz: 0,111

Black Rooster #310B0B

RGB: rgb(49, 11, 11)
HSL: hsl(0, 63%, 12%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #EEB76B auf #310B0B 9,82:1 AAA

Aa #E2703A auf #310B0B 5,59:1 AA

Aa #EEB76B auf #9C3D54 3,62:1 AA (großer Text)

Aa #9C3D54 auf #310B0B 2,71:1 Nicht bestanden

Aa #E2703A auf #9C3D54 2,06:1 Nicht bestanden

Aa #EEB76B auf #E2703A 1,76:1 Nicht bestanden

Palette „Knockout Orange“ mit 4 Farben