Registrieren Registrieren
Purple Spider

Purple Spider

Palette mit 7 Farben · Warm · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Purple Spider

Palette mit 7 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten
Erdig 7 Farben Warm Dunkel Triadisch
Likes 11
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #1B1A29;
  --c-earthy-2: #393A4D;
  --c-earthy-3: #574B62;
  --c-earthy-4: #B94080;
  --c-earthy-5: #9F2C60;
  --c-earthy-6: #8A1E40;
  --c-earthy-7: #6A0D24;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Razzle Dazzle (#B94080) bis zum dunkelsten Ton Coarse Wool (#1B1A29). Sie vereint Coarse Wool, Carbon Blue, Paparazzi, Razzle Dazzle, Parlour Red, Refined Chianti und Dark Humour in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Coarse Wool #1B1A29
RGB
rgb(27, 26, 41)
HSL
hsl(244, 22%, 13%)
Luminanz
0,011
Carbon Blue #393A4D
RGB
rgb(57, 58, 77)
HSL
hsl(237, 15%, 26%)
Luminanz
0,044
Paparazzi #574B62
RGB
rgb(87, 75, 98)
HSL
hsl(271, 13%, 34%)
Luminanz
0,079
Razzle Dazzle #B94080
RGB
rgb(185, 64, 128)
HSL
hsl(328, 49%, 49%)
Luminanz
0,155
Parlour Red #9F2C60
RGB
rgb(159, 44, 96)
HSL
hsl(333, 57%, 40%)
Luminanz
0,100
Refined Chianti #8A1E40
RGB
rgb(138, 30, 64)
HSL
hsl(341, 64%, 33%)
Luminanz
0,067
Dark Humour #6A0D24
RGB
rgb(106, 13, 36)
HSL
hsl(345, 78%, 23%)
Luminanz
0,035

Kontrast & Barrierefreiheit

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

Aa #1B1A29 auf #B94080 3,35:1 AA (großer Text)
Aa #1B1A29 auf #9F2C60 2,45:1 Nicht bestanden
Aa #B94080 auf #6A0D24 2,42:1 Nicht bestanden
Aa #393A4D auf #B94080 2,18:1 Nicht bestanden
Aa #1B1A29 auf #574B62 2,11:1 Nicht bestanden
Aa #1B1A29 auf #8A1E40 1,91:1 Nicht bestanden
Aa #9F2C60 auf #6A0D24 1,77:1 Nicht bestanden
Aa #B94080 auf #8A1E40 1,76:1 Nicht bestanden
Aa #393A4D auf #9F2C60 1,59:1 Nicht bestanden
Aa #574B62 auf #B94080 1,59:1 Nicht bestanden
Aa #1B1A29 auf #393A4D 1,54:1 Nicht bestanden
Aa #574B62 auf #6A0D24 1,53:1 Nicht bestanden
Aa #1B1A29 auf #6A0D24 1,38:1 Nicht bestanden
Aa #8A1E40 auf #6A0D24 1,38:1 Nicht bestanden
Aa #393A4D auf #574B62 1,37:1 Nicht bestanden
Aa #B94080 auf #9F2C60 1,37:1 Nicht bestanden
Aa #9F2C60 auf #8A1E40 1,28:1 Nicht bestanden
Aa #393A4D auf #8A1E40 1,24:1 Nicht bestanden
Aa #574B62 auf #9F2C60 1,16:1 Nicht bestanden
Aa #393A4D auf #6A0D24 1,11:1 Nicht bestanden
Aa #574B62 auf #8A1E40 1,11:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben