Startseite Farbpaletten Palette „Dolly“ mit 4 Farben

Palette „Dolly“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Dolly“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 1.367

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1B4B4D;
  --c-vibrant-2: #F3F66F;
  --c-vibrant-3: #F1D15F;
  --c-vibrant-4: #E8984A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Dolly (#F3F66F) bis zum dunkelsten Ton Lacustral (#1B4B4D). Sie vereint Lacustral, Dolly, Pursuit of Happiness und Colorado Peach 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 #1B4B4D auf #F3F66F mit 8,44:1.

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

Farben im Detail

Lacustral #1B4B4D

RGB: rgb(27, 75, 77)
HSL: hsl(182, 48%, 20%)
Luminanz: 0,058

Dolly #F3F66F

RGB: rgb(243, 246, 111)
HSL: hsl(61, 88%, 70%)
Luminanz: 0,861

Pursuit of Happiness #F1D15F

RGB: rgb(241, 209, 95)
HSL: hsl(47, 84%, 66%)
Luminanz: 0,651

Colorado Peach #E8984A

RGB: rgb(232, 152, 74)
HSL: hsl(30, 77%, 60%)
Luminanz: 0,401

Kontrast & Barrierefreiheit

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

Aa #1B4B4D auf #F3F66F 8,44:1 AAA

Aa #1B4B4D auf #F1D15F 6,49:1 AA

Aa #1B4B4D auf #E8984A 4,18:1 AA (großer Text)

Aa #F3F66F auf #E8984A 2,02:1 Nicht bestanden

Aa #F1D15F auf #E8984A 1,55:1 Nicht bestanden

Aa #F3F66F auf #F1D15F 1,30:1 Nicht bestanden

Palette „Dolly“ mit 4 Farben