Startseite Farbpaletten Palette „Yellow Mana“ mit 4 Farben

Palette „Yellow Mana“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Yellow Mana“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 2.806

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1333A6;
  --c-vibrant-2: #317AE1;
  --c-vibrant-3: #1FDEDB;
  --c-vibrant-4: #FFFCBF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellow Mana (#FFFCBF) bis zum dunkelsten Ton Egyptian Blue (#1333A6). Sie vereint Egyptian Blue, Soothing Sapphire, Fish Boy und Yellow Mana 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 #1333A6 auf #FFFCBF mit 9,71:1.

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

Farben im Detail

Egyptian Blue #1333A6

RGB: rgb(19, 51, 166)
HSL: hsl(227, 79%, 36%)
Luminanz: 0,053

Soothing Sapphire #317AE1

RGB: rgb(49, 122, 225)
HSL: hsl(215, 75%, 54%)
Luminanz: 0,200

Fish Boy #1FDEDB

RGB: rgb(31, 222, 219)
HSL: hsl(179, 75%, 50%)
Luminanz: 0,577

Yellow Mana #FFFCBF

RGB: rgb(255, 252, 191)
HSL: hsl(57, 100%, 87%)
Luminanz: 0,946

Kontrast & Barrierefreiheit

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

Aa #1333A6 auf #FFFCBF 9,71:1 AAA

Aa #1333A6 auf #1FDEDB 6,11:1 AA

Aa #317AE1 auf #FFFCBF 3,98:1 AA (großer Text)

Aa #317AE1 auf #1FDEDB 2,51:1 Nicht bestanden

Aa #1333A6 auf #317AE1 2,44:1 Nicht bestanden

Aa #1FDEDB auf #FFFCBF 1,59:1 Nicht bestanden

Palette „Yellow Mana“ mit 4 Farben