Startseite Farbpaletten Palette „Yellowish“ mit 4 Farben

Palette „Yellowish“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Yellowish“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 33.053

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F9ED69;
  --c-vibrant-2: #F08A5D;
  --c-vibrant-3: #B83B5E;
  --c-vibrant-4: #6A2C70;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellowish (#F9ED69) bis zum dunkelsten Ton Seance (#6A2C70). Sie vereint Yellowish, Half-Smoke, Cry of a Rose und Seance 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 #F9ED69 auf #6A2C70 mit 7,86:1.

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

Farben im Detail

Yellowish #F9ED69

RGB: rgb(249, 237, 105)
HSL: hsl(55, 92%, 69%)
Luminanz: 0,817

Half-Smoke #F08A5D

RGB: rgb(240, 138, 93)
HSL: hsl(18, 83%, 65%)
Luminanz: 0,375

Cry of a Rose #B83B5E

RGB: rgb(184, 59, 94)
HSL: hsl(343, 51%, 48%)
Luminanz: 0,141

Seance #6A2C70

RGB: rgb(106, 44, 112)
HSL: hsl(295, 44%, 31%)
Luminanz: 0,060

Kontrast & Barrierefreiheit

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

Aa #F9ED69 auf #6A2C70 7,86:1 AAA

Aa #F9ED69 auf #B83B5E 4,53:1 AA

Aa #F08A5D auf #6A2C70 3,85:1 AA (großer Text)

Aa #F08A5D auf #B83B5E 2,22:1 Nicht bestanden

Aa #F9ED69 auf #F08A5D 2,04:1 Nicht bestanden

Aa #B83B5E auf #6A2C70 1,73:1 Nicht bestanden

Palette „Yellowish“ mit 4 Farben