Registrieren Registrieren
MONKEY BRAINS

MONKEY BRAINS

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

Zurück zur Bibliothek

MONKEY BRAINS

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

Bearbeiten
Erdig 7 Farben Warm Gemischt Komplementär 7 saturated bright monkey
Likes 35
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #292A42;
  --c-earthy-2: #735F94;
  --c-earthy-3: #6A3B64;
  --c-earthy-4: #EAEAC3;
  --c-earthy-5: #B6A07C;
  --c-earthy-6: #965D3D;
  --c-earthy-7: #3B4B6A;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Pale Celery (#EAEAC3) bis zum dunkelsten Ton Valhalla (#292A42). Sie vereint Valhalla, Super Violet, Berry Light, Pale Celery, Paper Sack, Chestnut Stallion und Mountain Blueberry 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 #292A42 auf #EAEAC3 mit 11,34: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

Valhalla #292A42
RGB
rgb(41, 42, 66)
HSL
hsl(238, 23%, 21%)
Luminanz
0,025
Super Violet #735F94
RGB
rgb(115, 95, 148)
HSL
hsl(263, 22%, 48%)
Luminanz
0,140
Berry Light #6A3B64
RGB
rgb(106, 59, 100)
HSL
hsl(308, 28%, 32%)
Luminanz
0,071
Pale Celery #EAEAC3
RGB
rgb(234, 234, 195)
HSL
hsl(60, 48%, 84%)
Luminanz
0,803
Paper Sack #B6A07C
RGB
rgb(182, 160, 124)
HSL
hsl(37, 28%, 60%)
Luminanz
0,365
Chestnut Stallion #965D3D
RGB
rgb(150, 93, 61)
HSL
hsl(22, 42%, 41%)
Luminanz
0,147
Mountain Blueberry #3B4B6A
RGB
rgb(59, 75, 106)
HSL
hsl(220, 28%, 32%)
Luminanz
0,070

Kontrast & Barrierefreiheit

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

Aa #292A42 auf #EAEAC3 11,34:1 AAA
Aa #EAEAC3 auf #3B4B6A 7,10:1 AAA
Aa #6A3B64 auf #EAEAC3 7,04:1 AAA
Aa #292A42 auf #B6A07C 5,52:1 AA
Aa #735F94 auf #EAEAC3 4,50:1 AA
Aa #EAEAC3 auf #965D3D 4,34:1 AA (großer Text)
Aa #B6A07C auf #3B4B6A 3,46:1 AA (großer Text)
Aa #6A3B64 auf #B6A07C 3,43:1 AA (großer Text)
Aa #292A42 auf #965D3D 2,61:1 Nicht bestanden
Aa #292A42 auf #735F94 2,52:1 Nicht bestanden
Aa #735F94 auf #B6A07C 2,19:1 Nicht bestanden
Aa #B6A07C auf #965D3D 2,11:1 Nicht bestanden
Aa #EAEAC3 auf #B6A07C 2,05:1 Nicht bestanden
Aa #965D3D auf #3B4B6A 1,64:1 Nicht bestanden
Aa #6A3B64 auf #965D3D 1,62:1 Nicht bestanden
Aa #292A42 auf #6A3B64 1,61:1 Nicht bestanden
Aa #292A42 auf #3B4B6A 1,60:1 Nicht bestanden
Aa #735F94 auf #3B4B6A 1,58:1 Nicht bestanden
Aa #735F94 auf #6A3B64 1,57:1 Nicht bestanden
Aa #735F94 auf #965D3D 1,04:1 Nicht bestanden
Aa #6A3B64 auf #3B4B6A 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