Startseite Farbpaletten Late Night Sunrise

Late Night Sunrise

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

Zurück zur Bibliothek

Late Night Sunrise

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär vibrant dream marchmadnesspalettecontest sun

Likes 57

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #018801;
  --c-vibrant-2: #0189A3;
  --c-vibrant-3: #8E46FF;
  --c-vibrant-4: #E901FF;
  --c-vibrant-5: #FF64A4;
  --c-vibrant-6: #FFAA7C;
  --c-vibrant-7: #F4FF01;
  --c-vibrant-8: #C3FFAE;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Busy Bee (#F4FF01) bis zum dunkelsten Ton Sweet Escape (#8E46FF). Sie vereint Fine Pine, Gogo Blue, Sweet Escape, Brusque Pink, Neon Sunset, Larch Bolete, Busy Bee und Sour Green Cherry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Fine Pine #018801

RGB: rgb(1, 136, 1)
HSL: hsl(120, 99%, 27%)
Luminanz: 0,176

Gogo Blue #0189A3

RGB: rgb(1, 137, 163)
HSL: hsl(190, 99%, 32%)
Luminanz: 0,205

Sweet Escape #8E46FF

RGB: rgb(142, 70, 255)
HSL: hsl(263, 100%, 64%)
Luminanz: 0,174

Brusque Pink #E901FF

RGB: rgb(233, 1, 255)
HSL: hsl(295, 100%, 50%)
Luminanz: 0,246

Neon Sunset #FF64A4

RGB: rgb(255, 100, 164)
HSL: hsl(335, 100%, 70%)
Luminanz: 0,331

Larch Bolete #FFAA7C

RGB: rgb(255, 170, 124)
HSL: hsl(21, 100%, 74%)
Luminanz: 0,515

Busy Bee #F4FF01

RGB: rgb(244, 255, 1)
HSL: hsl(63, 100%, 50%)
Luminanz: 0,908

Sour Green Cherry #C3FFAE

RGB: rgb(195, 255, 174)
HSL: hsl(104, 100%, 84%)
Luminanz: 0,862

Kontrast & Barrierefreiheit

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

Aa #8E46FF auf #F4FF01 4,28:1 AA (großer Text)

Aa #018801 auf #F4FF01 4,23:1 AA (großer Text)

Aa #8E46FF auf #C3FFAE 4,08:1 AA (großer Text)

Aa #018801 auf #C3FFAE 4,03:1 AA (großer Text)

Aa #0189A3 auf #F4FF01 3,75:1 AA (großer Text)

Aa #0189A3 auf #C3FFAE 3,57:1 AA (großer Text)

Aa #E901FF auf #F4FF01 3,24:1 AA (großer Text)

Aa #E901FF auf #C3FFAE 3,08:1 AA (großer Text)

Aa #8E46FF auf #FFAA7C 2,53:1 Nicht bestanden

Aa #FF64A4 auf #F4FF01 2,52:1 Nicht bestanden

Aa #018801 auf #FFAA7C 2,50:1 Nicht bestanden

Aa #FF64A4 auf #C3FFAE 2,40:1 Nicht bestanden

Aa #0189A3 auf #FFAA7C 2,21:1 Nicht bestanden

Aa #E901FF auf #FFAA7C 1,91:1 Nicht bestanden

Aa #8E46FF auf #FF64A4 1,70:1 Nicht bestanden

Aa #FFAA7C auf #F4FF01 1,70:1 Nicht bestanden

Aa #018801 auf #FF64A4 1,68:1 Nicht bestanden

Aa #FFAA7C auf #C3FFAE 1,61:1 Nicht bestanden

Aa #0189A3 auf #FF64A4 1,49:1 Nicht bestanden

Aa #FF64A4 auf #FFAA7C 1,48:1 Nicht bestanden

Aa #8E46FF auf #E901FF 1,32:1 Nicht bestanden

Aa #018801 auf #E901FF 1,31:1 Nicht bestanden

Aa #E901FF auf #FF64A4 1,29:1 Nicht bestanden

Aa #0189A3 auf #E901FF 1,16:1 Nicht bestanden

Aa #0189A3 auf #8E46FF 1,14:1 Nicht bestanden

Aa #018801 auf #0189A3 1,13:1 Nicht bestanden

Aa #F4FF01 auf #C3FFAE 1,05:1 Nicht bestanden

Aa #018801 auf #8E46FF 1,01:1 Nicht bestanden

Late Night Sunrise