Startseite Farbpaletten Palette „Frittata“ mit 4 Farben

Palette „Frittata“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Frittata“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 16.168

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #753422;
  --c-vibrant-2: #B05B3B;
  --c-vibrant-3: #D79771;
  --c-vibrant-4: #FFEBC9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Frittata (#FFEBC9) bis zum dunkelsten Ton Mocha Glow (#753422). Sie vereint Mocha Glow, Brown Rust, Sweet Cardamom und Frittata 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 #753422 auf #FFEBC9 mit 7,92:1.

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

Farben im Detail

Mocha Glow #753422

RGB: rgb(117, 52, 34)
HSL: hsl(13, 55%, 30%)
Luminanz: 0,064

Brown Rust #B05B3B

RGB: rgb(176, 91, 59)
HSL: hsl(16, 50%, 46%)
Luminanz: 0,170

Sweet Cardamom #D79771

RGB: rgb(215, 151, 113)
HSL: hsl(22, 56%, 64%)
Luminanz: 0,378

Frittata #FFEBC9

RGB: rgb(255, 235, 201)
HSL: hsl(38, 100%, 89%)
Luminanz: 0,849

Kontrast & Barrierefreiheit

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

Aa #753422 auf #FFEBC9 7,92:1 AAA

Aa #B05B3B auf #FFEBC9 4,08:1 AA (großer Text)

Aa #753422 auf #D79771 3,77:1 AA (großer Text)

Aa #D79771 auf #FFEBC9 2,10:1 Nicht bestanden

Aa #753422 auf #B05B3B 1,94:1 Nicht bestanden

Aa #B05B3B auf #D79771 1,94:1 Nicht bestanden

Palette „Frittata“ mit 4 Farben