Startseite Farbpaletten Palette „Hello Yellow“ mit 4 Farben

Palette „Hello Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hello Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 4.201

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #7D1E6A;
  --c-vibrant-2: #EEB0B0;
  --c-vibrant-3: #FFE59D;
  --c-vibrant-4: #BDE6F1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Hello Yellow (#FFE59D) bis zum dunkelsten Ton Mirage of Violets (#7D1E6A). Sie vereint Mirage of Violets, Deeply Embarrassed, Hello Yellow und First of July 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 #7D1E6A auf #FFE59D mit 7,48:1.

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

Farben im Detail

Mirage of Violets #7D1E6A

RGB: rgb(125, 30, 106)
HSL: hsl(312, 61%, 30%)
Luminanz: 0,063

Deeply Embarrassed #EEB0B0

RGB: rgb(238, 176, 176)
HSL: hsl(0, 65%, 81%)
Luminanz: 0,524

Hello Yellow #FFE59D

RGB: rgb(255, 229, 157)
HSL: hsl(44, 100%, 81%)
Luminanz: 0,797

First of July #BDE6F1

RGB: rgb(189, 230, 241)
HSL: hsl(193, 65%, 84%)
Luminanz: 0,738

Kontrast & Barrierefreiheit

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

Aa #7D1E6A auf #FFE59D 7,48:1 AAA

Aa #7D1E6A auf #BDE6F1 6,95:1 AA

Aa #7D1E6A auf #EEB0B0 5,06:1 AA

Aa #EEB0B0 auf #FFE59D 1,48:1 Nicht bestanden

Aa #EEB0B0 auf #BDE6F1 1,37:1 Nicht bestanden

Aa #FFE59D auf #BDE6F1 1,08:1 Nicht bestanden

Palette „Hello Yellow“ mit 4 Farben