Registrieren Registrieren
The Last Autumn

The Last Autumn

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

Zurück zur Bibliothek

The Last Autumn

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

Bearbeiten
Lebendig 7 Farben Warm Dunkel Analog fall autumn saturated nature
Likes 41
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #CBB917;
  --c-vibrant-2: #CBA017;
  --c-vibrant-3: #BA7015;
  --c-vibrant-4: #9F4312;
  --c-vibrant-5: #801E0F;
  --c-vibrant-6: #5A080E;
  --c-vibrant-7: #390C05;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Bird Flower (#CBB917) bis zum dunkelsten Ton Red Bean (#390C05). Sie vereint Bird Flower, Australien, Sweet Mulled Cider, Powdered Coffee, Doombull Brown, Vampiric Council und Red Bean in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CBB917 auf #390C05 mit 8,54:1.

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

Farben im Detail

Bird Flower #CBB917
RGB
rgb(203, 185, 23)
HSL
hsl(54, 80%, 44%)
Luminanz
0,475
Australien #CBA017
RGB
rgb(203, 160, 23)
HSL
hsl(46, 80%, 44%)
Luminanz
0,379
Sweet Mulled Cider #BA7015
RGB
rgb(186, 112, 21)
HSL
hsl(33, 80%, 41%)
Luminanz
0,221
Powdered Coffee #9F4312
RGB
rgb(159, 67, 18)
HSL
hsl(21, 80%, 35%)
Luminanz
0,114
Doombull Brown #801E0F
RGB
rgb(128, 30, 15)
HSL
hsl(8, 79%, 28%)
Luminanz
0,056
Vampiric Council #5A080E
RGB
rgb(90, 8, 14)
HSL
hsl(356, 84%, 19%)
Luminanz
0,024
Red Bean #390C05
RGB
rgb(57, 12, 5)
HSL
hsl(8, 84%, 12%)
Luminanz
0,011

Kontrast & Barrierefreiheit

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

Aa #CBB917 auf #390C05 8,54:1 AAA
Aa #CBB917 auf #5A080E 7,11:1 AAA
Aa #CBA017 auf #390C05 6,98:1 AA
Aa #CBA017 auf #5A080E 5,81:1 AA
Aa #CBB917 auf #801E0F 4,97:1 AA
Aa #BA7015 auf #390C05 4,41:1 AA (großer Text)
Aa #CBA017 auf #801E0F 4,07:1 AA (großer Text)
Aa #BA7015 auf #5A080E 3,67:1 AA (großer Text)
Aa #CBB917 auf #9F4312 3,19:1 AA (großer Text)
Aa #9F4312 auf #390C05 2,67:1 Nicht bestanden
Aa #CBA017 auf #9F4312 2,61:1 Nicht bestanden
Aa #BA7015 auf #801E0F 2,57:1 Nicht bestanden
Aa #9F4312 auf #5A080E 2,23:1 Nicht bestanden
Aa #CBB917 auf #BA7015 1,94:1 Nicht bestanden
Aa #801E0F auf #390C05 1,72:1 Nicht bestanden
Aa #BA7015 auf #9F4312 1,65:1 Nicht bestanden
Aa #CBA017 auf #BA7015 1,58:1 Nicht bestanden
Aa #9F4312 auf #801E0F 1,56:1 Nicht bestanden
Aa #801E0F auf #5A080E 1,43:1 Nicht bestanden
Aa #CBB917 auf #CBA017 1,22:1 Nicht bestanden
Aa #5A080E auf #390C05 1,20:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben