Salad Bowl

Salad Bowl

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

Salad Bowl

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär green red cool jimison3
Likes 34
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #541B3C;
  --c-earthy-2: #802040;
  --c-earthy-3: #A04040;
  --c-earthy-4: #C06040;
  --c-earthy-5: #E0E080;
  --c-earthy-6: #A0C040;
  --c-earthy-7: #60A040;
  --c-earthy-8: #206040;
  --c-earthy-9: #103040;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Crescendo (#E0E080) bis zum dunkelsten Ton NATO Blue (#103040). Sie vereint Tulip Poplar Purple, Beet Red, Burning Bush, Deep Fire, Crescendo, In the Tropics, Calm Balm, Greenbriar und NATO Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E0E080 auf #103040 mit 9,97: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

Tulip Poplar Purple #541B3C
RGB
rgb(84, 27, 60)
HSL
hsl(325, 51%, 22%)
Luminanz
0,030
Beet Red #802040
RGB
rgb(128, 32, 64)
HSL
hsl(340, 60%, 31%)
Luminanz
0,060
Burning Bush #A04040
RGB
rgb(160, 64, 64)
HSL
hsl(0, 43%, 44%)
Luminanz
0,115
Deep Fire #C06040
RGB
rgb(192, 96, 64)
HSL
hsl(15, 50%, 50%)
Luminanz
0,199
Crescendo #E0E080
RGB
rgb(224, 224, 128)
HSL
hsl(60, 61%, 69%)
Luminanz
0,707
In the Tropics #A0C040
RGB
rgb(160, 192, 64)
HSL
hsl(75, 50%, 50%)
Luminanz
0,455
Calm Balm #60A040
RGB
rgb(96, 160, 64)
HSL
hsl(100, 43%, 44%)
Luminanz
0,280
Greenbriar #206040
RGB
rgb(32, 96, 64)
HSL
hsl(150, 50%, 25%)
Luminanz
0,090
NATO Blue #103040
RGB
rgb(16, 48, 64)
HSL
hsl(200, 60%, 16%)
Luminanz
0,026

Kontrast & Barrierefreiheit

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

Aa #E0E080 auf #103040 9,97:1 AAA
Aa #541B3C auf #E0E080 9,47:1 AAA
Aa #802040 auf #E0E080 6,89:1 AA
Aa #A0C040 auf #103040 6,66:1 AA
Aa #541B3C auf #A0C040 6,32:1 AA
Aa #E0E080 auf #206040 5,39:1 AA
Aa #802040 auf #A0C040 4,60:1 AA
Aa #A04040 auf #E0E080 4,59:1 AA
Aa #60A040 auf #103040 4,35:1 AA (großer Text)
Aa #541B3C auf #60A040 4,13:1 AA (großer Text)
Aa #A0C040 auf #206040 3,60:1 AA (großer Text)
Aa #C06040 auf #103040 3,28:1 AA (großer Text)
Aa #541B3C auf #C06040 3,12:1 AA (großer Text)
Aa #A04040 auf #A0C040 3,06:1 AA (großer Text)
Aa #C06040 auf #E0E080 3,04:1 AA (großer Text)
Aa #802040 auf #60A040 3,00:1 AA (großer Text)
Aa #60A040 auf #206040 2,35:1 Nicht bestanden
Aa #E0E080 auf #60A040 2,29:1 Nicht bestanden
Aa #802040 auf #C06040 2,27:1 Nicht bestanden
Aa #A04040 auf #103040 2,17:1 Nicht bestanden
Aa #541B3C auf #A04040 2,07:1 Nicht bestanden
Aa #C06040 auf #A0C040 2,03:1 Nicht bestanden
Aa #A04040 auf #60A040 2,00:1 Nicht bestanden
Aa #206040 auf #103040 1,85:1 Nicht bestanden
Aa #C06040 auf #206040 1,78:1 Nicht bestanden
Aa #541B3C auf #206040 1,76:1 Nicht bestanden
Aa #A0C040 auf #60A040 1,53:1 Nicht bestanden
Aa #A04040 auf #C06040 1,51:1 Nicht bestanden
Aa #802040 auf #A04040 1,50:1 Nicht bestanden
Aa #E0E080 auf #A0C040 1,50:1 Nicht bestanden
Aa #802040 auf #103040 1,45:1 Nicht bestanden
Aa #541B3C auf #802040 1,37:1 Nicht bestanden
Aa #C06040 auf #60A040 1,32:1 Nicht bestanden
Aa #802040 auf #206040 1,28:1 Nicht bestanden
Aa #A04040 auf #206040 1,18:1 Nicht bestanden
Aa #541B3C auf #103040 1,05:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben