Minty 4

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

Zurück zur Bibliothek

Minty 4

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär 4 mint sk3ll

Likes 74

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #15170B;
  --c-earthy-2: #1E4530;
  --c-earthy-3: #DB8888;
  --c-earthy-4: #FAE8EC;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Arrowhead White (#FAE8EC) bis zum dunkelsten Ton Darkness (#15170B). Sie vereint Darkness, Birōdo Green, Finest Blush und Arrowhead White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #15170B auf #FAE8EC mit 15,37: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

Darkness #15170B

RGB: rgb(21, 23, 11)
HSL: hsl(70, 35%, 7%)
Luminanz: 0,008

Birōdo Green #1E4530

RGB: rgb(30, 69, 48)
HSL: hsl(148, 39%, 19%)
Luminanz: 0,048

Finest Blush #DB8888

RGB: rgb(219, 136, 136)
HSL: hsl(0, 54%, 70%)
Luminanz: 0,345

Arrowhead White #FAE8EC

RGB: rgb(250, 232, 236)
HSL: hsl(347, 64%, 95%)
Luminanz: 0,841

Kontrast & Barrierefreiheit

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

Aa #15170B auf #FAE8EC 15,37:1 AAA

Aa #1E4530 auf #FAE8EC 9,14:1 AAA

Aa #15170B auf #DB8888 6,81:1 AA

Aa #1E4530 auf #DB8888 4,05:1 AA (großer Text)

Aa #DB8888 auf #FAE8EC 2,26:1 Nicht bestanden

Aa #15170B auf #1E4530 1,68:1 Nicht bestanden

Minty 4

Minty 4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen