Startseite Farbpaletten Palette „Embarrassment“ mit 4 Farben

Palette „Embarrassment“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Embarrassment“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.502

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FF7676;
  --c-vibrant-2: #F6F49D;
  --c-vibrant-3: #5DAE8B;
  --c-vibrant-4: #466C95;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yippie Ya Yellow (#F6F49D) bis zum dunkelsten Ton Queen Blue (#466C95). Sie vereint Embarrassment, Yippie Ya Yellow, O’grady Green und Queen Blue 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 #F6F49D auf #466C95 mit 4,78:1.

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

Farben im Detail

Embarrassment #FF7676

RGB: rgb(255, 118, 118)
HSL: hsl(0, 100%, 73%)
Luminanz: 0,355

Yippie Ya Yellow #F6F49D

RGB: rgb(246, 244, 157)
HSL: hsl(59, 83%, 79%)
Luminanz: 0,867

O’grady Green #5DAE8B

RGB: rgb(93, 174, 139)
HSL: hsl(154, 33%, 52%)
Luminanz: 0,345

Queen Blue #466C95

RGB: rgb(70, 108, 149)
HSL: hsl(211, 36%, 43%)
Luminanz: 0,142

Kontrast & Barrierefreiheit

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

Aa #F6F49D auf #466C95 4,78:1 AA

Aa #F6F49D auf #5DAE8B 2,32:1 Nicht bestanden

Aa #FF7676 auf #F6F49D 2,26:1 Nicht bestanden

Aa #FF7676 auf #466C95 2,11:1 Nicht bestanden

Aa #5DAE8B auf #466C95 2,06:1 Nicht bestanden

Aa #FF7676 auf #5DAE8B 1,03:1 Nicht bestanden

Palette „Embarrassment“ mit 4 Farben