Startseite Farbpaletten Palette „June Day“ mit 4 Farben

Palette „June Day“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „June Day“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.373

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFE180;
  --c-vibrant-2: #EBA059;
  --c-vibrant-3: #8B3C76;
  --c-vibrant-4: #41245C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton June Day (#FFE180) bis zum dunkelsten Ton Queen’s Domain (#41245C). Sie vereint June Day, Doughnut, Sister Loganberry Frost und Queen’s Domain 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 #FFE180 auf #41245C mit 10,01:1.

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

Farben im Detail

June Day #FFE180

RGB: rgb(255, 225, 128)
HSL: hsl(46, 100%, 75%)
Luminanz: 0,767

Doughnut #EBA059

RGB: rgb(235, 160, 89)
HSL: hsl(29, 78%, 64%)
Luminanz: 0,435

Sister Loganberry Frost #8B3C76

RGB: rgb(139, 60, 118)
HSL: hsl(316, 40%, 39%)
Luminanz: 0,100

Queen’s Domain #41245C

RGB: rgb(65, 36, 92)
HSL: hsl(271, 44%, 25%)
Luminanz: 0,032

Kontrast & Barrierefreiheit

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

Aa #FFE180 auf #41245C 10,01:1 AAA

Aa #EBA059 auf #41245C 5,95:1 AA

Aa #FFE180 auf #8B3C76 5,43:1 AA

Aa #EBA059 auf #8B3C76 3,23:1 AA (großer Text)

Aa #8B3C76 auf #41245C 1,84:1 Nicht bestanden

Aa #FFE180 auf #EBA059 1,68:1 Nicht bestanden

Palette „June Day“ mit 4 Farben