Registrieren Registrieren
Swamper Romper

Swamper Romper

Palette mit 7 Farben · Neutral · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Swamper Romper

Palette mit 7 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Erdig 7 Farben Neutral Dunkel Komplementär dark swamp whatthedec hidden
Likes 9
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #6E7B56;
  --c-earthy-2: #337267;
  --c-earthy-3: #304E4E;
  --c-earthy-4: #402047;
  --c-earthy-5: #315C2F;
  --c-earthy-6: #655930;
  --c-earthy-7: #755570;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Kariyasu Green (#6E7B56) bis zum dunkelsten Ton Purple Void (#402047). Sie vereint Kariyasu Green, Nominee, Similar to Slate, Purple Void, Deep Into the Wood, Uguisu Brown und Cembra Blossom 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

Kariyasu Green #6E7B56
RGB
rgb(110, 123, 86)
HSL
hsl(81, 18%, 41%)
Luminanz
0,182
Nominee #337267
RGB
rgb(51, 114, 103)
HSL
hsl(170, 38%, 32%)
Luminanz
0,137
Similar to Slate #304E4E
RGB
rgb(48, 78, 78)
HSL
hsl(180, 24%, 25%)
Luminanz
0,066
Purple Void #402047
RGB
rgb(64, 32, 71)
HSL
hsl(289, 38%, 20%)
Luminanz
0,026
Deep Into the Wood #315C2F
RGB
rgb(49, 92, 47)
HSL
hsl(117, 32%, 27%)
Luminanz
0,085
Uguisu Brown #655930
RGB
rgb(101, 89, 48)
HSL
hsl(46, 36%, 29%)
Luminanz
0,101
Cembra Blossom #755570
RGB
rgb(117, 85, 112)
HSL
hsl(309, 16%, 40%)
Luminanz
0,115

Kontrast & Barrierefreiheit

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

Aa #6E7B56 auf #402047 3,06:1 AA (großer Text)
Aa #337267 auf #402047 2,47:1 Nicht bestanden
Aa #402047 auf #755570 2,17:1 Nicht bestanden
Aa #402047 auf #655930 2,00:1 Nicht bestanden
Aa #6E7B56 auf #304E4E 1,99:1 Nicht bestanden
Aa #402047 auf #315C2F 1,78:1 Nicht bestanden
Aa #6E7B56 auf #315C2F 1,71:1 Nicht bestanden
Aa #337267 auf #304E4E 1,61:1 Nicht bestanden
Aa #6E7B56 auf #655930 1,53:1 Nicht bestanden
Aa #304E4E auf #402047 1,53:1 Nicht bestanden
Aa #6E7B56 auf #755570 1,41:1 Nicht bestanden
Aa #304E4E auf #755570 1,41:1 Nicht bestanden
Aa #337267 auf #315C2F 1,39:1 Nicht bestanden
Aa #304E4E auf #655930 1,30:1 Nicht bestanden
Aa #6E7B56 auf #337267 1,24:1 Nicht bestanden
Aa #337267 auf #655930 1,24:1 Nicht bestanden
Aa #315C2F auf #755570 1,22:1 Nicht bestanden
Aa #304E4E auf #315C2F 1,16:1 Nicht bestanden
Aa #337267 auf #755570 1,14:1 Nicht bestanden
Aa #315C2F auf #655930 1,12:1 Nicht bestanden
Aa #655930 auf #755570 1,09:1 Nicht bestanden

Ähnliche Paletten

#000000 #3E065F #700B97 #8E05C2
4 Farben
#000000 #150050 #3F0071 #FB2576
4 Farben
#000000 #3E432E #616F39 #A7D129
4 Farben
#4B5D67 #322F3D #59405C #87556F
4 Farben
#18230F #27391C #255F38 #1F7D53
4 Farben
#FF5200 #6F0000 #00263B #00A1AB
4 Farben
#000000 #0F6292 #16FF00 #FFED00
4 Farben
#251D3A #2A2550 #E04D01 #FF7700
4 Farben