Startseite Farbpaletten Palette „Deep Fried Sunrays“ mit 4 Farben

Palette „Deep Fried Sunrays“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Deep Fried Sunrays“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.840

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #102E50;
  --c-vibrant-2: #F5C45E;
  --c-vibrant-3: #E78B48;
  --c-vibrant-4: #BE3D2A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Deep Fried Sunrays (#F5C45E) bis zum dunkelsten Ton Midnight Ocean (#102E50). Sie vereint Midnight Ocean, Deep Fried Sunrays, Acapulco Sun und Valiant Poppy 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 #102E50 auf #F5C45E mit 8,46:1.

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

Farben im Detail

Midnight Ocean #102E50

RGB: rgb(16, 46, 80)
HSL: hsl(212, 67%, 19%)
Luminanz: 0,026

Deep Fried Sunrays #F5C45E

RGB: rgb(245, 196, 94)
HSL: hsl(41, 88%, 66%)
Luminanz: 0,597

Acapulco Sun #E78B48

RGB: rgb(231, 139, 72)
HSL: hsl(25, 77%, 59%)
Luminanz: 0,359

Valiant Poppy #BE3D2A

RGB: rgb(190, 61, 42)
HSL: hsl(8, 64%, 45%)
Luminanz: 0,145

Kontrast & Barrierefreiheit

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

Aa #102E50 auf #F5C45E 8,46:1 AAA

Aa #102E50 auf #E78B48 5,35:1 AA

Aa #F5C45E auf #BE3D2A 3,33:1 AA (großer Text)

Aa #102E50 auf #BE3D2A 2,54:1 Nicht bestanden

Aa #E78B48 auf #BE3D2A 2,10:1 Nicht bestanden

Aa #F5C45E auf #E78B48 1,58:1 Nicht bestanden

Palette „Deep Fried Sunrays“ mit 4 Farben