Registrieren Registrieren
Rainbow Erosion

Rainbow Erosion

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

Zurück zur Bibliothek

Rainbow Erosion

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

Bearbeiten
Erdig 8 Farben Warm Gemischt Komplementär rainbow
Likes 21
Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #181512;
  --c-earthy-2: #A69181;
  --c-earthy-3: #907245;
  --c-earthy-4: #4B5E57;
  --c-earthy-5: #746C48;
  --c-earthy-6: #604C5F;
  --c-earthy-7: #8C4C4C;
  --c-earthy-8: #4C626D;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Beach Cabana (#A69181) bis zum dunkelsten Ton Kokushoku Black (#181512). Sie vereint Kokushoku Black, Beach Cabana, Fallen Leaves, Cloudy Viridian, Old Willow Leaf, Vivid Vision, Lotus und Masuhana Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #181512 auf #A69181 mit 6,05: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

Kokushoku Black #181512
RGB
rgb(24, 21, 18)
HSL
hsl(30, 14%, 8%)
Luminanz
0,008
Beach Cabana #A69181
RGB
rgb(166, 145, 129)
HSL
hsl(26, 17%, 58%)
Luminanz
0,299
Fallen Leaves #907245
RGB
rgb(144, 114, 69)
HSL
hsl(36, 35%, 42%)
Luminanz
0,184
Cloudy Viridian #4B5E57
RGB
rgb(75, 94, 87)
HSL
hsl(158, 11%, 33%)
Luminanz
0,102
Old Willow Leaf #746C48
RGB
rgb(116, 108, 72)
HSL
hsl(49, 23%, 37%)
Luminanz
0,149
Vivid Vision #604C5F
RGB
rgb(96, 76, 95)
HSL
hsl(303, 12%, 34%)
Luminanz
0,085
Lotus #8C4C4C
RGB
rgb(140, 76, 76)
HSL
hsl(0, 30%, 42%)
Luminanz
0,113
Masuhana Blue #4C626D
RGB
rgb(76, 98, 109)
HSL
hsl(200, 18%, 36%)
Luminanz
0,114

Kontrast & Barrierefreiheit

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

Aa #181512 auf #A69181 6,05:1 AA
Aa #181512 auf #907245 4,05:1 AA (großer Text)
Aa #181512 auf #746C48 3,45:1 AA (großer Text)
Aa #181512 auf #4C626D 2,84:1 Nicht bestanden
Aa #181512 auf #8C4C4C 2,82:1 Nicht bestanden
Aa #181512 auf #4B5E57 2,63:1 Nicht bestanden
Aa #A69181 auf #604C5F 2,59:1 Nicht bestanden
Aa #181512 auf #604C5F 2,33:1 Nicht bestanden
Aa #A69181 auf #4B5E57 2,30:1 Nicht bestanden
Aa #A69181 auf #8C4C4C 2,15:1 Nicht bestanden
Aa #A69181 auf #4C626D 2,13:1 Nicht bestanden
Aa #A69181 auf #746C48 1,76:1 Nicht bestanden
Aa #907245 auf #604C5F 1,74:1 Nicht bestanden
Aa #907245 auf #4B5E57 1,54:1 Nicht bestanden
Aa #A69181 auf #907245 1,49:1 Nicht bestanden
Aa #746C48 auf #604C5F 1,48:1 Nicht bestanden
Aa #907245 auf #8C4C4C 1,44:1 Nicht bestanden
Aa #907245 auf #4C626D 1,43:1 Nicht bestanden
Aa #4B5E57 auf #746C48 1,31:1 Nicht bestanden
Aa #746C48 auf #8C4C4C 1,22:1 Nicht bestanden
Aa #746C48 auf #4C626D 1,22:1 Nicht bestanden
Aa #604C5F auf #8C4C4C 1,21:1 Nicht bestanden
Aa #604C5F auf #4C626D 1,21:1 Nicht bestanden
Aa #907245 auf #746C48 1,18:1 Nicht bestanden
Aa #4B5E57 auf #604C5F 1,13:1 Nicht bestanden
Aa #4B5E57 auf #4C626D 1,08:1 Nicht bestanden
Aa #4B5E57 auf #8C4C4C 1,07:1 Nicht bestanden
Aa #8C4C4C auf #4C626D 1,01: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