Registrieren Registrieren
Graph Paper

Graph Paper

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

Zurück zur Bibliothek

Graph Paper

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

Bearbeiten
Erdig 7 Farben Warm Hell Komplementär pixelart pastel vaporwave abstract
Likes 53
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #F3EDED;
  --c-earthy-2: #B9EEDC;
  --c-earthy-3: #EEB9C7;
  --c-earthy-4: #DDA0AF;
  --c-earthy-5: #8E9191;
  --c-earthy-6: #7C7E7E;
  --c-earthy-7: #555568;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton First Blush (#F3EDED) bis zum dunkelsten Ton Academy Purple (#555568). Sie vereint First Blush, Salome, Chantilly, Faded Pink, Silver Snippet, Aged Moustache Grey und Academy Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3EDED auf #555568 mit 6,29: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

First Blush #F3EDED
RGB
rgb(243, 237, 237)
HSL
hsl(0, 20%, 94%)
Luminanz
0,857
Salome #B9EEDC
RGB
rgb(185, 238, 220)
HSL
hsl(160, 61%, 83%)
Luminanz
0,766
Chantilly #EEB9C7
RGB
rgb(238, 185, 199)
HSL
hsl(344, 61%, 83%)
Luminanz
0,570
Faded Pink #DDA0AF
RGB
rgb(221, 160, 175)
HSL
hsl(345, 47%, 75%)
Luminanz
0,436
Silver Snippet #8E9191
RGB
rgb(142, 145, 145)
HSL
hsl(180, 1%, 56%)
Luminanz
0,281
Aged Moustache Grey #7C7E7E
RGB
rgb(124, 126, 126)
HSL
hsl(180, 1%, 49%)
Luminanz
0,207
Academy Purple #555568
RGB
rgb(85, 85, 104)
HSL
hsl(240, 10%, 37%)
Luminanz
0,094

Kontrast & Barrierefreiheit

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

Aa #F3EDED auf #555568 6,29:1 AA
Aa #B9EEDC auf #555568 5,66:1 AA
Aa #EEB9C7 auf #555568 4,30:1 AA (großer Text)
Aa #F3EDED auf #7C7E7E 3,53:1 AA (großer Text)
Aa #DDA0AF auf #555568 3,37:1 AA (großer Text)
Aa #B9EEDC auf #7C7E7E 3,17:1 AA (großer Text)
Aa #F3EDED auf #8E9191 2,75:1 Nicht bestanden
Aa #B9EEDC auf #8E9191 2,47:1 Nicht bestanden
Aa #EEB9C7 auf #7C7E7E 2,41:1 Nicht bestanden
Aa #8E9191 auf #555568 2,29:1 Nicht bestanden
Aa #DDA0AF auf #7C7E7E 1,89:1 Nicht bestanden
Aa #EEB9C7 auf #8E9191 1,88:1 Nicht bestanden
Aa #F3EDED auf #DDA0AF 1,87:1 Nicht bestanden
Aa #7C7E7E auf #555568 1,78:1 Nicht bestanden
Aa #B9EEDC auf #DDA0AF 1,68:1 Nicht bestanden
Aa #DDA0AF auf #8E9191 1,47:1 Nicht bestanden
Aa #F3EDED auf #EEB9C7 1,46:1 Nicht bestanden
Aa #B9EEDC auf #EEB9C7 1,32:1 Nicht bestanden
Aa #8E9191 auf #7C7E7E 1,29:1 Nicht bestanden
Aa #EEB9C7 auf #DDA0AF 1,28:1 Nicht bestanden
Aa #F3EDED auf #B9EEDC 1,11:1 Nicht bestanden

Ähnliche Paletten

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 Farben
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 Farben
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 Farben
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 Farben
#F38181 #FCE38A #EAFFD0 #95E1D3
4 Farben
#B7C4CF #EEE3CB #D7C0AE #967E76
4 Farben
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 Farben
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 Farben