Barren Equinox

Barren Equinox

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Monochrom

Barren Equinox

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten
Erdig 12 Farben Warm Dunkel Monochrom fall fire autumn nature
Likes 28
Farben 12


CSS-Variablen

:root {
  --c-earthy-1: #5E0909;
  --c-earthy-2: #852311;
  --c-earthy-3: #BB260B;
  --c-earthy-4: #C9683D;
  --c-earthy-5: #814322;
  --c-earthy-6: #46201A;
  --c-earthy-7: #46392D;
  --c-earthy-8: #8E614D;
  --c-earthy-9: #B59F7F;
  --c-earthy-10: #7B6E4B;
  --c-earthy-11: #625C28;
  --c-earthy-12: #483B19;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Montecito (#B59F7F) bis zum dunkelsten Ton Marmite (#46201A). Sie vereint Vampiric Council, Minotaurus Brown, Lobster, Apricot Orange, Honey Garlic Beef, Marmite, Batch Brew, Tamarind Tart, Montecito, Go Ben, Costa Del Sol und Avocado Stone in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #46201A auf #B59F7F mit 5,55:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.


Farben im Detail

Vampiric Council #5E0909
RGB
rgb(94, 9, 9)
HSL
hsl(0, 83%, 20%)
Luminanz
0,026
Minotaurus Brown #852311
RGB
rgb(133, 35, 17)
HSL
hsl(9, 77%, 29%)
Luminanz
0,062
Lobster #BB260B
RGB
rgb(187, 38, 11)
HSL
hsl(9, 89%, 39%)
Luminanz
0,120
Apricot Orange #C9683D
RGB
rgb(201, 104, 61)
HSL
hsl(18, 56%, 51%)
Luminanz
0,227
Honey Garlic Beef #814322
RGB
rgb(129, 67, 34)
HSL
hsl(21, 58%, 32%)
Luminanz
0,088
Marmite #46201A
RGB
rgb(70, 32, 26)
HSL
hsl(8, 46%, 19%)
Luminanz
0,024
Batch Brew #46392D
RGB
rgb(70, 57, 45)
HSL
hsl(29, 22%, 23%)
Luminanz
0,044
Tamarind Tart #8E614D
RGB
rgb(142, 97, 77)
HSL
hsl(18, 30%, 43%)
Luminanz
0,148
Montecito #B59F7F
RGB
rgb(181, 159, 127)
HSL
hsl(36, 27%, 60%)
Luminanz
0,362
Go Ben #7B6E4B
RGB
rgb(123, 110, 75)
HSL
hsl(44, 24%, 39%)
Luminanz
0,159
Costa Del Sol #625C28
RGB
rgb(98, 92, 40)
HSL
hsl(54, 42%, 27%)
Luminanz
0,104
Avocado Stone #483B19
RGB
rgb(72, 59, 25)
HSL
hsl(43, 48%, 19%)
Luminanz
0,046

Kontrast & Barrierefreiheit

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

Aa #46201A auf #B59F7F 5,55:1 AA
Aa #5E0909 auf #B59F7F 5,42:1 AA
Aa #46392D auf #B59F7F 4,37:1 AA (großer Text)
Aa #B59F7F auf #483B19 4,30:1 AA (großer Text)
Aa #C9683D auf #46201A 3,73:1 AA (großer Text)
Aa #852311 auf #B59F7F 3,66:1 AA (großer Text)
Aa #5E0909 auf #C9683D 3,64:1 AA (großer Text)
Aa #814322 auf #B59F7F 2,98:1 Nicht bestanden
Aa #C9683D auf #46392D 2,94:1 Nicht bestanden
Aa #C9683D auf #483B19 2,89:1 Nicht bestanden
Aa #46201A auf #7B6E4B 2,82:1 Nicht bestanden
Aa #5E0909 auf #7B6E4B 2,75:1 Nicht bestanden
Aa #46201A auf #8E614D 2,68:1 Nicht bestanden
Aa #B59F7F auf #625C28 2,67:1 Nicht bestanden
Aa #5E0909 auf #8E614D 2,61:1 Nicht bestanden
Aa #852311 auf #C9683D 2,46:1 Nicht bestanden
Aa #BB260B auf #B59F7F 2,42:1 Nicht bestanden
Aa #BB260B auf #46201A 2,29:1 Nicht bestanden
Aa #5E0909 auf #BB260B 2,24:1 Nicht bestanden
Aa #46392D auf #7B6E4B 2,22:1 Nicht bestanden
Aa #7B6E4B auf #483B19 2,18:1 Nicht bestanden
Aa #46392D auf #8E614D 2,11:1 Nicht bestanden
Aa #46201A auf #625C28 2,08:1 Nicht bestanden
Aa #8E614D auf #B59F7F 2,07:1 Nicht bestanden
Aa #8E614D auf #483B19 2,07:1 Nicht bestanden
Aa #5E0909 auf #625C28 2,03:1 Nicht bestanden
Aa #C9683D auf #814322 2,00:1 Nicht bestanden
Aa #B59F7F auf #7B6E4B 1,97:1 Nicht bestanden
Aa #852311 auf #7B6E4B 1,86:1 Nicht bestanden
Aa #814322 auf #46201A 1,86:1 Nicht bestanden
Aa #5E0909 auf #814322 1,82:1 Nicht bestanden
Aa #BB260B auf #46392D 1,80:1 Nicht bestanden
Aa #C9683D auf #625C28 1,80:1 Nicht bestanden
Aa #852311 auf #8E614D 1,77:1 Nicht bestanden
Aa #BB260B auf #483B19 1,77:1 Nicht bestanden
Aa #46392D auf #625C28 1,64:1 Nicht bestanden
Aa #BB260B auf #C9683D 1,63:1 Nicht bestanden
Aa #625C28 auf #483B19 1,61:1 Nicht bestanden
Aa #852311 auf #46201A 1,52:1 Nicht bestanden
Aa #852311 auf #BB260B 1,51:1 Nicht bestanden
Aa #814322 auf #7B6E4B 1,51:1 Nicht bestanden
Aa #C9683D auf #B59F7F 1,49:1 Nicht bestanden
Aa #5E0909 auf #852311 1,48:1 Nicht bestanden
Aa #814322 auf #46392D 1,46:1 Nicht bestanden
Aa #814322 auf #8E614D 1,44:1 Nicht bestanden
Aa #814322 auf #483B19 1,44:1 Nicht bestanden
Aa #C9683D auf #8E614D 1,39:1 Nicht bestanden
Aa #852311 auf #625C28 1,37:1 Nicht bestanden
Aa #7B6E4B auf #625C28 1,35:1 Nicht bestanden
Aa #C9683D auf #7B6E4B 1,33:1 Nicht bestanden
Aa #46201A auf #483B19 1,29:1 Nicht bestanden
Aa #8E614D auf #625C28 1,29:1 Nicht bestanden
Aa #46201A auf #46392D 1,27:1 Nicht bestanden
Aa #5E0909 auf #483B19 1,26:1 Nicht bestanden
Aa #5E0909 auf #46392D 1,24:1 Nicht bestanden
Aa #852311 auf #814322 1,23:1 Nicht bestanden
Aa #BB260B auf #814322 1,23:1 Nicht bestanden
Aa #BB260B auf #7B6E4B 1,23:1 Nicht bestanden
Aa #852311 auf #46392D 1,19:1 Nicht bestanden
Aa #852311 auf #483B19 1,17:1 Nicht bestanden
Aa #BB260B auf #8E614D 1,17:1 Nicht bestanden
Aa #814322 auf #625C28 1,12:1 Nicht bestanden
Aa #BB260B auf #625C28 1,10:1 Nicht bestanden
Aa #8E614D auf #7B6E4B 1,05:1 Nicht bestanden
Aa #5E0909 auf #46201A 1,02:1 Nicht bestanden
Aa #46392D auf #483B19 1,02: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