Startseite Farbpaletten Quested Mountain

Quested Mountain

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Quested Mountain

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Warm Dunkel Komplementär polyphrog retro

Likes 23

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2300;
  --c-earthy-3: #2B2F35;
  --c-earthy-4: #931800;
  --c-earthy-5: #B05500;
  --c-earthy-6: #5B4E7D;
  --c-earthy-7: #63714F;
  --c-earthy-8: #E36648;
  --c-earthy-9: #9C9D49;
  --c-earthy-10: #A4A3B5;
  --c-earthy-11: #F4C955;
  --c-earthy-12: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Chrysophobia, Suit Blue, Brick Red, Tijolo, Imperial Palace, Greenfield, Heirloom Blush, Lazy Lizard, Lazy Lavender, Mom’s Pancake und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 19 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

Chrysophobia #4A2300

RGB: rgb(74, 35, 0)
HSL: hsl(28, 100%, 15%)
Luminanz: 0,027

Suit Blue #2B2F35

RGB: rgb(43, 47, 53)
HSL: hsl(216, 10%, 19%)
Luminanz: 0,028

Brick Red #931800

RGB: rgb(147, 24, 0)
HSL: hsl(10, 100%, 29%)
Luminanz: 0,069

Tijolo #B05500

RGB: rgb(176, 85, 0)
HSL: hsl(29, 100%, 35%)
Luminanz: 0,157

Imperial Palace #5B4E7D

RGB: rgb(91, 78, 125)
HSL: hsl(257, 23%, 40%)
Luminanz: 0,092

Greenfield #63714F

RGB: rgb(99, 113, 79)
HSL: hsl(85, 18%, 38%)
Luminanz: 0,150

Heirloom Blush #E36648

RGB: rgb(227, 102, 72)
HSL: hsl(12, 73%, 59%)
Luminanz: 0,263

Lazy Lizard #9C9D49

RGB: rgb(156, 157, 73)
HSL: hsl(61, 37%, 45%)
Luminanz: 0,317

Lazy Lavender #A4A3B5

RGB: rgb(164, 163, 181)
HSL: hsl(243, 11%, 67%)
Luminanz: 0,374

Mom’s Pancake #F4C955

RGB: rgb(244, 201, 85)
HSL: hsl(44, 88%, 65%)
Luminanz: 0,617

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #4A2300 auf #FFFFFF 13,71:1 AAA

Aa #2B2F35 auf #FFFFFF 13,46:1 AAA

Aa #000000 auf #F4C955 13,33:1 AAA

Aa #931800 auf #FFFFFF 8,86:1 AAA

Aa #4A2300 auf #F4C955 8,71:1 AAA

Aa #2B2F35 auf #F4C955 8,54:1 AAA

Aa #000000 auf #A4A3B5 8,48:1 AAA

Aa #5B4E7D auf #FFFFFF 7,42:1 AAA

Aa #000000 auf #9C9D49 7,33:1 AAA

Aa #000000 auf #E36648 6,26:1 AA

Aa #931800 auf #F4C955 5,62:1 AA

Aa #4A2300 auf #A4A3B5 5,54:1 AA

Aa #2B2F35 auf #A4A3B5 5,44:1 AA

Aa #63714F auf #FFFFFF 5,24:1 AA

Aa #B05500 auf #FFFFFF 5,07:1 AA

Aa #4A2300 auf #9C9D49 4,79:1 AA

Aa #5B4E7D auf #F4C955 4,71:1 AA

Aa #2B2F35 auf #9C9D49 4,70:1 AA

Aa #000000 auf #B05500 4,15:1 AA (großer Text)

Aa #4A2300 auf #E36648 4,09:1 AA (großer Text)

Aa #000000 auf #63714F 4,01:1 AA (großer Text)

Aa #2B2F35 auf #E36648 4,01:1 AA (großer Text)

Aa #931800 auf #A4A3B5 3,58:1 AA (großer Text)

Aa #E36648 auf #FFFFFF 3,35:1 AA (großer Text)

Aa #63714F auf #F4C955 3,33:1 AA (großer Text)

Aa #B05500 auf #F4C955 3,22:1 AA (großer Text)

Aa #931800 auf #9C9D49 3,09:1 AA (großer Text)

Aa #5B4E7D auf #A4A3B5 3,00:1 AA (großer Text)

Aa #9C9D49 auf #FFFFFF 2,86:1 Nicht bestanden

Aa #000000 auf #5B4E7D 2,83:1 Nicht bestanden

Aa #4A2300 auf #B05500 2,71:1 Nicht bestanden

Aa #2B2F35 auf #B05500 2,66:1 Nicht bestanden

Aa #931800 auf #E36648 2,64:1 Nicht bestanden

Aa #4A2300 auf #63714F 2,62:1 Nicht bestanden

Aa #5B4E7D auf #9C9D49 2,59:1 Nicht bestanden

Aa #2B2F35 auf #63714F 2,57:1 Nicht bestanden

Aa #A4A3B5 auf #FFFFFF 2,48:1 Nicht bestanden

Aa #000000 auf #931800 2,37:1 Nicht bestanden

Aa #5B4E7D auf #E36648 2,21:1 Nicht bestanden

Aa #E36648 auf #F4C955 2,13:1 Nicht bestanden

Aa #63714F auf #A4A3B5 2,12:1 Nicht bestanden

Aa #B05500 auf #A4A3B5 2,05:1 Nicht bestanden

Aa #4A2300 auf #5B4E7D 1,85:1 Nicht bestanden

Aa #63714F auf #9C9D49 1,83:1 Nicht bestanden

Aa #9C9D49 auf #F4C955 1,82:1 Nicht bestanden

Aa #2B2F35 auf #5B4E7D 1,81:1 Nicht bestanden

Aa #B05500 auf #9C9D49 1,77:1 Nicht bestanden

Aa #931800 auf #B05500 1,75:1 Nicht bestanden

Aa #931800 auf #63714F 1,69:1 Nicht bestanden

Aa #F4C955 auf #FFFFFF 1,58:1 Nicht bestanden

Aa #A4A3B5 auf #F4C955 1,57:1 Nicht bestanden

Aa #000000 auf #2B2F35 1,56:1 Nicht bestanden

Aa #63714F auf #E36648 1,56:1 Nicht bestanden

Aa #4A2300 auf #931800 1,55:1 Nicht bestanden

Aa #000000 auf #4A2300 1,53:1 Nicht bestanden

Aa #2B2F35 auf #931800 1,52:1 Nicht bestanden

Aa #B05500 auf #E36648 1,51:1 Nicht bestanden

Aa #B05500 auf #5B4E7D 1,46:1 Nicht bestanden

Aa #5B4E7D auf #63714F 1,42:1 Nicht bestanden

Aa #E36648 auf #A4A3B5 1,36:1 Nicht bestanden

Aa #931800 auf #5B4E7D 1,19:1 Nicht bestanden

Aa #E36648 auf #9C9D49 1,17:1 Nicht bestanden

Aa #9C9D49 auf #A4A3B5 1,16:1 Nicht bestanden

Aa #B05500 auf #63714F 1,03:1 Nicht bestanden

Aa #4A2300 auf #2B2F35 1,02:1 Nicht bestanden

Quested Mountain