Registrieren Registrieren
Generic 8 Color

Generic 8 Color

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

Zurück zur Bibliothek

Generic 8 Color

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

Bearbeiten
Erdig 8 Farben Neutral Gemischt Komplementär artist arne
Likes 15
Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #CC3500;
  --c-earthy-3: #5EC809;
  --c-earthy-4: #1D286F;
  --c-earthy-5: #00C4FF;
  --c-earthy-6: #8E8E8E;
  --c-earthy-7: #FFE052;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Pleasant Pomegranate, Irish Jig, After Work Blue, Capri, Stieglitz Silver, Backlit Lemon und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Pleasant Pomegranate #CC3500
RGB
rgb(204, 53, 0)
HSL
hsl(16, 100%, 40%)
Luminanz
0,154
Irish Jig #5EC809
RGB
rgb(94, 200, 9)
HSL
hsl(93, 91%, 41%)
Luminanz
0,437
After Work Blue #1D286F
RGB
rgb(29, 40, 111)
HSL
hsl(232, 59%, 27%)
Luminanz
0,029
Capri #00C4FF
RGB
rgb(0, 196, 255)
HSL
hsl(194, 100%, 50%)
Luminanz
0,467
Stieglitz Silver #8E8E8E
RGB
rgb(142, 142, 142)
HSL
hsl(0, 0%, 56%)
Luminanz
0,271
Backlit Lemon #FFE052
RGB
rgb(255, 224, 82)
HSL
hsl(49, 100%, 66%)
Luminanz
0,752
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA
Aa #000000 auf #FFE052 16,04:1 AAA
Aa #1D286F auf #FFFFFF 13,25:1 AAA
Aa #000000 auf #00C4FF 10,34:1 AAA
Aa #1D286F auf #FFE052 10,12:1 AAA
Aa #000000 auf #5EC809 9,74:1 AAA
Aa #1D286F auf #00C4FF 6,52:1 AA
Aa #000000 auf #8E8E8E 6,41:1 AA
Aa #5EC809 auf #1D286F 6,14:1 AA
Aa #CC3500 auf #FFFFFF 5,15:1 AA
Aa #000000 auf #CC3500 4,08:1 AA (großer Text)
Aa #1D286F auf #8E8E8E 4,04:1 AA (großer Text)
Aa #CC3500 auf #FFE052 3,93:1 AA (großer Text)
Aa #8E8E8E auf #FFFFFF 3,28:1 AA (großer Text)
Aa #CC3500 auf #1D286F 2,57:1 Nicht bestanden
Aa #CC3500 auf #00C4FF 2,54:1 Nicht bestanden
Aa #8E8E8E auf #FFE052 2,50:1 Nicht bestanden
Aa #CC3500 auf #5EC809 2,39:1 Nicht bestanden
Aa #5EC809 auf #FFFFFF 2,16:1 Nicht bestanden
Aa #00C4FF auf #FFFFFF 2,03:1 Nicht bestanden
Aa #5EC809 auf #FFE052 1,65:1 Nicht bestanden
Aa #00C4FF auf #8E8E8E 1,61:1 Nicht bestanden
Aa #000000 auf #1D286F 1,59:1 Nicht bestanden
Aa #CC3500 auf #8E8E8E 1,57:1 Nicht bestanden
Aa #00C4FF auf #FFE052 1,55:1 Nicht bestanden
Aa #5EC809 auf #8E8E8E 1,52:1 Nicht bestanden
Aa #FFE052 auf #FFFFFF 1,31:1 Nicht bestanden
Aa #5EC809 auf #00C4FF 1,06:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben