Startseite Farbpaletten Palette „UCLA Gold“ mit 4 Farben

Palette „UCLA Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „UCLA Gold“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 5.883

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #2D4059;
  --c-earthy-2: #FFB400;
  --c-earthy-3: #F6F6F6;
  --c-earthy-4: #EA5455;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F6F6F6) bis zum dunkelsten Ton Blue Tone Ink (#2D4059). Sie vereint Blue Tone Ink, UCLA Gold, Gram’s Hair und Khmer Curry 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 #2D4059 auf #F6F6F6 mit 9,77:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Blue Tone Ink #2D4059

RGB: rgb(45, 64, 89)
HSL: hsl(214, 33%, 26%)
Luminanz: 0,050

UCLA Gold #FFB400

RGB: rgb(255, 180, 0)
HSL: hsl(42, 100%, 50%)
Luminanz: 0,539

Gram’s Hair #F6F6F6

RGB: rgb(246, 246, 246)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,922

Khmer Curry #EA5455

RGB: rgb(234, 84, 85)
HSL: hsl(360, 78%, 62%)
Luminanz: 0,245

Kontrast & Barrierefreiheit

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

Aa #2D4059 auf #F6F6F6 9,77:1 AAA

Aa #2D4059 auf #FFB400 5,92:1 AA

Aa #F6F6F6 auf #EA5455 3,29:1 AA (großer Text)

Aa #2D4059 auf #EA5455 2,96:1 Nicht bestanden

Aa #FFB400 auf #EA5455 2,00:1 Nicht bestanden

Aa #FFB400 auf #F6F6F6 1,65:1 Nicht bestanden

Palette „UCLA Gold“ mit 4 Farben