Startseite Farbpaletten Palette „Icterine“ mit 4 Farben

Palette „Icterine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Icterine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.348

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FAF562;
  --c-vibrant-2: #F36A7B;
  --c-vibrant-3: #B824A4;
  --c-vibrant-4: #AAAAAA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Icterine (#FAF562) bis zum dunkelsten Ton Amora Purple (#B824A4). Sie vereint Icterine, Strawberry Pink, Amora Purple und Dhūsar Grey 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 #FAF562 auf #B824A4 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

Icterine #FAF562

RGB: rgb(250, 245, 98)
HSL: hsl(58, 94%, 68%)
Luminanz: 0,865

Strawberry Pink #F36A7B

RGB: rgb(243, 106, 123)
HSL: hsl(353, 85%, 68%)
Luminanz: 0,308

Amora Purple #B824A4

RGB: rgb(184, 36, 164)
HSL: hsl(308, 67%, 43%)
Luminanz: 0,141

Dhūsar Grey #AAAAAA

RGB: rgb(170, 170, 170)
HSL: hsl(0, 0%, 67%)
Luminanz: 0,402

Kontrast & Barrierefreiheit

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

Aa #FAF562 auf #B824A4 4,78:1 AA

Aa #FAF562 auf #F36A7B 2,56:1 Nicht bestanden

Aa #B824A4 auf #AAAAAA 2,36:1 Nicht bestanden

Aa #FAF562 auf #AAAAAA 2,02:1 Nicht bestanden

Aa #F36A7B auf #B824A4 1,87:1 Nicht bestanden

Aa #F36A7B auf #AAAAAA 1,26:1 Nicht bestanden

Palette „Icterine“ mit 4 Farben