Sunset Drive

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Sunset Drive

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 7 Farben Warm Gemischt Analog

Likes 56

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #F7E8B5;
  --c-vibrant-2: #F0C884;
  --c-vibrant-3: #E59C52;
  --c-vibrant-4: #D96330;
  --c-vibrant-5: #B6351B;
  --c-vibrant-6: #90134B;
  --c-vibrant-7: #630D48;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Tamale Maize (#F7E8B5) bis zum dunkelsten Ton Grape Purple (#630D48). Sie vereint Tamale Maize, Bad Hair Day, Apple Crisp, Tangerine Bliss, Smouldering, Wine Grape und Grape Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7E8B5 auf #630D48 mit 10,21:1.

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

Farben im Detail

Tamale Maize #F7E8B5

RGB: rgb(247, 232, 181)
HSL: hsl(46, 80%, 84%)
Luminanz: 0,808

Bad Hair Day #F0C884

RGB: rgb(240, 200, 132)
HSL: hsl(38, 78%, 73%)
Luminanz: 0,615

Apple Crisp #E59C52

RGB: rgb(229, 156, 82)
HSL: hsl(30, 74%, 61%)
Luminanz: 0,410

Tangerine Bliss #D96330

RGB: rgb(217, 99, 48)
HSL: hsl(18, 69%, 52%)
Luminanz: 0,239

Smouldering #B6351B

RGB: rgb(182, 53, 27)
HSL: hsl(10, 74%, 41%)
Luminanz: 0,126

Wine Grape #90134B

RGB: rgb(144, 19, 75)
HSL: hsl(333, 77%, 32%)
Luminanz: 0,069

Grape Purple #630D48

RGB: rgb(99, 13, 72)
HSL: hsl(319, 77%, 22%)
Luminanz: 0,034

Kontrast & Barrierefreiheit

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

Aa #F7E8B5 auf #630D48 10,21:1 AAA

Aa #F0C884 auf #630D48 7,91:1 AAA

Aa #F7E8B5 auf #90134B 7,21:1 AAA

Aa #F0C884 auf #90134B 5,59:1 AA

Aa #E59C52 auf #630D48 5,48:1 AA

Aa #F7E8B5 auf #B6351B 4,88:1 AA

Aa #E59C52 auf #90134B 3,87:1 AA (großer Text)

Aa #F0C884 auf #B6351B 3,78:1 AA (großer Text)

Aa #D96330 auf #630D48 3,44:1 AA (großer Text)

Aa #F7E8B5 auf #D96330 2,97:1 Nicht bestanden

Aa #E59C52 auf #B6351B 2,62:1 Nicht bestanden

Aa #D96330 auf #90134B 2,43:1 Nicht bestanden

Aa #F0C884 auf #D96330 2,30:1 Nicht bestanden

Aa #B6351B auf #630D48 2,09:1 Nicht bestanden

Aa #F7E8B5 auf #E59C52 1,86:1 Nicht bestanden

Aa #D96330 auf #B6351B 1,64:1 Nicht bestanden

Aa #E59C52 auf #D96330 1,59:1 Nicht bestanden

Aa #B6351B auf #90134B 1,48:1 Nicht bestanden

Aa #F0C884 auf #E59C52 1,44:1 Nicht bestanden

Aa #90134B auf #630D48 1,42:1 Nicht bestanden

Aa #F7E8B5 auf #F0C884 1,29:1 Nicht bestanden

Sunset Drive

Sunset Drive

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen