CyberGum6

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

Zurück zur Bibliothek

CyberGum6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär night pink cyberpunk cyber

Likes 356

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #3A2B3B;
  --c-earthy-2: #2D4A54;
  --c-earthy-3: #0C7475;
  --c-earthy-4: #BC4A9B;
  --c-earthy-5: #EB8D9C;
  --c-earthy-6: #FFD8BA;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Durazno Palido (#FFD8BA) bis zum dunkelsten Ton Valentino Nero (#3A2B3B). Sie vereint Valentino Nero, Blue Wing Teal, Greeny Glaze, Safflower Purple, Peony und Durazno Palido in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3A2B3B auf #FFD8BA mit 9,94: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

Valentino Nero #3A2B3B

RGB: rgb(58, 43, 59)
HSL: hsl(296, 16%, 20%)
Luminanz: 0,029

Blue Wing Teal #2D4A54

RGB: rgb(45, 74, 84)
HSL: hsl(195, 30%, 25%)
Luminanz: 0,061

Greeny Glaze #0C7475

RGB: rgb(12, 116, 117)
HSL: hsl(181, 81%, 25%)
Luminanz: 0,139

Safflower Purple #BC4A9B

RGB: rgb(188, 74, 155)
HSL: hsl(317, 46%, 51%)
Luminanz: 0,180

Peony #EB8D9C

RGB: rgb(235, 141, 156)
HSL: hsl(350, 70%, 74%)
Luminanz: 0,391

Durazno Palido #FFD8BA

RGB: rgb(255, 216, 186)
HSL: hsl(26, 100%, 86%)
Luminanz: 0,739

Kontrast & Barrierefreiheit

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

Aa #3A2B3B auf #FFD8BA 9,94:1 AAA

Aa #2D4A54 auf #FFD8BA 7,11:1 AAA

Aa #3A2B3B auf #EB8D9C 5,55:1 AA

Aa #0C7475 auf #FFD8BA 4,19:1 AA (großer Text)

Aa #2D4A54 auf #EB8D9C 3,98:1 AA (großer Text)

Aa #BC4A9B auf #FFD8BA 3,44:1 AA (großer Text)

Aa #3A2B3B auf #BC4A9B 2,89:1 Nicht bestanden

Aa #3A2B3B auf #0C7475 2,37:1 Nicht bestanden

Aa #0C7475 auf #EB8D9C 2,34:1 Nicht bestanden

Aa #2D4A54 auf #BC4A9B 2,07:1 Nicht bestanden

Aa #BC4A9B auf #EB8D9C 1,92:1 Nicht bestanden

Aa #EB8D9C auf #FFD8BA 1,79:1 Nicht bestanden

Aa #2D4A54 auf #0C7475 1,70:1 Nicht bestanden

Aa #3A2B3B auf #2D4A54 1,40:1 Nicht bestanden

Aa #0C7475 auf #BC4A9B 1,22:1 Nicht bestanden

CyberGum6

CyberGum6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen