Startseite Farbpaletten Late Night Sunrise Relit

Late Night Sunrise Relit

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

Zurück zur Bibliothek

Late Night Sunrise Relit

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär marchmadnesspalettecontest sun trippy

Likes 61

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #0D8300;
  --c-vibrant-2: #0092A9;
  --c-vibrant-3: #8280FF;
  --c-vibrant-4: #D564FF;
  --c-vibrant-5: #FF87AD;
  --c-vibrant-6: #FFB38B;
  --c-vibrant-7: #FFF324;
  --c-vibrant-8: #D8FFB9;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Greedy Green (#D8FFB9) bis zum dunkelsten Ton Minstrel of the Woods (#0D8300). Sie vereint Minstrel of the Woods, Brilliant, Blue Party Parrot, After-Party Pink, Strawberry Dreams, Coral Dusk, Big Yellow Streak und Greedy Green 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

Minstrel of the Woods #0D8300

RGB: rgb(13, 131, 0)
HSL: hsl(114, 100%, 26%)
Luminanz: 0,163

Brilliant #0092A9

RGB: rgb(0, 146, 169)
HSL: hsl(188, 100%, 33%)
Luminanz: 0,234

Blue Party Parrot #8280FF

RGB: rgb(130, 128, 255)
HSL: hsl(241, 100%, 75%)
Luminanz: 0,274

After-Party Pink #D564FF

RGB: rgb(213, 100, 255)
HSL: hsl(284, 100%, 70%)
Luminanz: 0,305

Strawberry Dreams #FF87AD

RGB: rgb(255, 135, 173)
HSL: hsl(341, 100%, 76%)
Luminanz: 0,416

Coral Dusk #FFB38B

RGB: rgb(255, 179, 139)
HSL: hsl(21, 100%, 77%)
Luminanz: 0,554

Big Yellow Streak #FFF324

RGB: rgb(255, 243, 36)
HSL: hsl(57, 100%, 57%)
Luminanz: 0,855

Greedy Green #D8FFB9

RGB: rgb(216, 255, 185)
HSL: hsl(93, 100%, 86%)
Luminanz: 0,896

Kontrast & Barrierefreiheit

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

Aa #0D8300 auf #D8FFB9 4,44:1 AA (großer Text)

Aa #0D8300 auf #FFF324 4,24:1 AA (großer Text)

Aa #0092A9 auf #D8FFB9 3,33:1 AA (großer Text)

Aa #0092A9 auf #FFF324 3,18:1 AA (großer Text)

Aa #8280FF auf #D8FFB9 2,92:1 Nicht bestanden

Aa #0D8300 auf #FFB38B 2,83:1 Nicht bestanden

Aa #8280FF auf #FFF324 2,79:1 Nicht bestanden

Aa #D564FF auf #D8FFB9 2,67:1 Nicht bestanden

Aa #D564FF auf #FFF324 2,55:1 Nicht bestanden

Aa #0D8300 auf #FF87AD 2,19:1 Nicht bestanden

Aa #0092A9 auf #FFB38B 2,12:1 Nicht bestanden

Aa #FF87AD auf #D8FFB9 2,03:1 Nicht bestanden

Aa #FF87AD auf #FFF324 1,94:1 Nicht bestanden

Aa #8280FF auf #FFB38B 1,86:1 Nicht bestanden

Aa #D564FF auf #FFB38B 1,70:1 Nicht bestanden

Aa #0D8300 auf #D564FF 1,66:1 Nicht bestanden

Aa #0092A9 auf #FF87AD 1,64:1 Nicht bestanden

Aa #FFB38B auf #D8FFB9 1,57:1 Nicht bestanden

Aa #0D8300 auf #8280FF 1,52:1 Nicht bestanden

Aa #FFB38B auf #FFF324 1,50:1 Nicht bestanden

Aa #8280FF auf #FF87AD 1,44:1 Nicht bestanden

Aa #0D8300 auf #0092A9 1,33:1 Nicht bestanden

Aa #D564FF auf #FF87AD 1,31:1 Nicht bestanden

Aa #FF87AD auf #FFB38B 1,30:1 Nicht bestanden

Aa #0092A9 auf #D564FF 1,25:1 Nicht bestanden

Aa #0092A9 auf #8280FF 1,14:1 Nicht bestanden

Aa #8280FF auf #D564FF 1,09:1 Nicht bestanden

Aa #FFF324 auf #D8FFB9 1,05:1 Nicht bestanden

Late Night Sunrise Relit