Startseite Farbpaletten Palette „Off-The-Leash Orange“ mit 4 Farben

Palette „Off-The-Leash Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Off-The-Leash Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 3.597

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFA258;
  --c-vibrant-2: #FFF7C2;
  --c-vibrant-3: #A02A63;
  --c-vibrant-4: #4B125C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spring Buttercup (#FFF7C2) bis zum dunkelsten Ton Cosmic Explorer (#4B125C). Sie vereint Off-The-Leash Orange, Spring Buttercup, Amaranth Deep Purple und Cosmic Explorer in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF7C2 auf #4B125C mit 12,55:1.

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

Farben im Detail

Off-The-Leash Orange #FFA258

RGB: rgb(255, 162, 88)
HSL: hsl(27, 100%, 67%)
Luminanz: 0,478

Spring Buttercup #FFF7C2

RGB: rgb(255, 247, 194)
HSL: hsl(52, 100%, 88%)
Luminanz: 0,917

Amaranth Deep Purple #A02A63

RGB: rgb(160, 42, 99)
HSL: hsl(331, 58%, 40%)
Luminanz: 0,100

Cosmic Explorer #4B125C

RGB: rgb(75, 18, 92)
HSL: hsl(286, 67%, 22%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #FFF7C2 auf #4B125C 12,55:1 AAA

Aa #FFA258 auf #4B125C 6,86:1 AA

Aa #FFF7C2 auf #A02A63 6,43:1 AA

Aa #FFA258 auf #A02A63 3,51:1 AA (großer Text)

Aa #A02A63 auf #4B125C 1,95:1 Nicht bestanden

Aa #FFA258 auf #FFF7C2 1,83:1 Nicht bestanden

Palette „Off-The-Leash Orange“ mit 4 Farben