Registrieren Registrieren
Quested Valley

Quested Valley

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

Zurück zur Bibliothek

Quested Valley

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

Bearbeiten
Erdig 9 Farben Warm Dunkel Komplementär warm polyphrog retro
Likes 34
Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2400;
  --c-earthy-3: #2A3039;
  --c-earthy-4: #944800;
  --c-earthy-5: #646D4D;
  --c-earthy-6: #A0A14F;
  --c-earthy-7: #A9A8B7;
  --c-earthy-8: #DEB652;
  --c-earthy-9: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Ibex Brown, Chimney Sweep, Brownie, Hinterland, Reed Green, Curated Lilac, High Honey und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 14 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
Ibex Brown #4A2400
RGB
rgb(74, 36, 0)
HSL
hsl(29, 100%, 15%)
Luminanz
0,027
Chimney Sweep #2A3039
RGB
rgb(42, 48, 57)
HSL
hsl(216, 15%, 19%)
Luminanz
0,029
Brownie #944800
RGB
rgb(148, 72, 0)
HSL
hsl(29, 100%, 29%)
Luminanz
0,109
Hinterland #646D4D
RGB
rgb(100, 109, 77)
HSL
hsl(77, 17%, 36%)
Luminanz
0,142
Reed Green #A0A14F
RGB
rgb(160, 161, 79)
HSL
hsl(61, 34%, 47%)
Luminanz
0,335
Curated Lilac #A9A8B7
RGB
rgb(169, 168, 183)
HSL
hsl(244, 9%, 69%)
Luminanz
0,399
High Honey #DEB652
RGB
rgb(222, 182, 82)
HSL
hsl(43, 68%, 60%)
Luminanz
0,496
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA
Aa #4A2400 auf #FFFFFF 13,61:1 AAA
Aa #2A3039 auf #FFFFFF 13,29:1 AAA
Aa #000000 auf #DEB652 10,92:1 AAA
Aa #000000 auf #A9A8B7 8,97:1 AAA
Aa #000000 auf #A0A14F 7,71:1 AAA
Aa #4A2400 auf #DEB652 7,07:1 AAA
Aa #2A3039 auf #DEB652 6,91:1 AA
Aa #944800 auf #FFFFFF 6,59:1 AA
Aa #4A2400 auf #A9A8B7 5,81:1 AA
Aa #2A3039 auf #A9A8B7 5,68:1 AA
Aa #646D4D auf #FFFFFF 5,47:1 AA
Aa #4A2400 auf #A0A14F 4,99:1 AA
Aa #2A3039 auf #A0A14F 4,88:1 AA
Aa #000000 auf #646D4D 3,84:1 AA (großer Text)
Aa #944800 auf #DEB652 3,43:1 AA (großer Text)
Aa #000000 auf #944800 3,19:1 AA (großer Text)
Aa #646D4D auf #DEB652 2,85:1 Nicht bestanden
Aa #944800 auf #A9A8B7 2,82:1 Nicht bestanden
Aa #A0A14F auf #FFFFFF 2,73:1 Nicht bestanden
Aa #4A2400 auf #646D4D 2,49:1 Nicht bestanden
Aa #2A3039 auf #646D4D 2,43:1 Nicht bestanden
Aa #944800 auf #A0A14F 2,42:1 Nicht bestanden
Aa #646D4D auf #A9A8B7 2,34:1 Nicht bestanden
Aa #A9A8B7 auf #FFFFFF 2,34:1 Nicht bestanden
Aa #4A2400 auf #944800 2,06:1 Nicht bestanden
Aa #2A3039 auf #944800 2,02:1 Nicht bestanden
Aa #646D4D auf #A0A14F 2,01:1 Nicht bestanden
Aa #DEB652 auf #FFFFFF 1,92:1 Nicht bestanden
Aa #000000 auf #2A3039 1,58:1 Nicht bestanden
Aa #000000 auf #4A2400 1,54:1 Nicht bestanden
Aa #A0A14F auf #DEB652 1,42:1 Nicht bestanden
Aa #A9A8B7 auf #DEB652 1,22:1 Nicht bestanden
Aa #944800 auf #646D4D 1,20:1 Nicht bestanden
Aa #A0A14F auf #A9A8B7 1,16:1 Nicht bestanden
Aa #4A2400 auf #2A3039 1,02: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