Startseite Farbpaletten Palette „Bright Orange“ mit 4 Farben

Palette „Bright Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bright Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 8.158

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #243763;
  --c-vibrant-2: #FF6E31;
  --c-vibrant-3: #FFEBB7;
  --c-vibrant-4: #AD8E70;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sun-Kissed Yellow (#FFEBB7) bis zum dunkelsten Ton Navy Trim (#243763). Sie vereint Navy Trim, Bright Orange, Sun-Kissed Yellow und Elegant Earth 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 #243763 auf #FFEBB7 mit 9,89:1.

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

Farben im Detail

Navy Trim #243763

RGB: rgb(36, 55, 99)
HSL: hsl(222, 47%, 26%)
Luminanz: 0,040

Bright Orange #FF6E31

RGB: rgb(255, 110, 49)
HSL: hsl(18, 100%, 60%)
Luminanz: 0,326

Sun-Kissed Yellow #FFEBB7

RGB: rgb(255, 235, 183)
HSL: hsl(43, 100%, 86%)
Luminanz: 0,841

Elegant Earth #AD8E70

RGB: rgb(173, 142, 112)
HSL: hsl(30, 27%, 56%)
Luminanz: 0,294

Kontrast & Barrierefreiheit

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

Aa #243763 auf #FFEBB7 9,89:1 AAA

Aa #243763 auf #FF6E31 4,18:1 AA (großer Text)

Aa #243763 auf #AD8E70 3,82:1 AA (großer Text)

Aa #FFEBB7 auf #AD8E70 2,59:1 Nicht bestanden

Aa #FF6E31 auf #FFEBB7 2,37:1 Nicht bestanden

Aa #FF6E31 auf #AD8E70 1,09:1 Nicht bestanden

Palette „Bright Orange“ mit 4 Farben