Registrieren Registrieren
Russian12

Russian12

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

Zurück zur Bibliothek

Russian12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär russia named categories
Likes 12
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #777777;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #CC3333;
  --c-earthy-5: #DD9922;
  --c-earthy-6: #EEEE55;
  --c-earthy-7: #33CC33;
  --c-earthy-8: #55EEEE;
  --c-earthy-9: #2244DD;
  --c-earthy-10: #774488;
  --c-earthy-11: #FFAAAA;
  --c-earthy-12: #996633;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Lucky Grey, White, Persian Red, Tiger King, Gargantua, Poisonous Pesticide, Poseidon Jr., Palatinate Blue, Nightly Violet, Apricot Haze und Woodgrain in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 15 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
Lucky Grey #777777
RGB
rgb(119, 119, 119)
HSL
hsl(0, 0%, 47%)
Luminanz
0,185
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Persian Red #CC3333
RGB
rgb(204, 51, 51)
HSL
hsl(0, 60%, 50%)
Luminanz
0,154
Tiger King #DD9922
RGB
rgb(221, 153, 34)
HSL
hsl(38, 73%, 50%)
Luminanz
0,383
Gargantua #EEEE55
RGB
rgb(238, 238, 85)
HSL
hsl(60, 82%, 63%)
Luminanz
0,800
Poisonous Pesticide #33CC33
RGB
rgb(51, 204, 51)
HSL
hsl(120, 60%, 50%)
Luminanz
0,441
Poseidon Jr. #55EEEE
RGB
rgb(85, 238, 238)
HSL
hsl(180, 82%, 63%)
Luminanz
0,693
Palatinate Blue #2244DD
RGB
rgb(34, 68, 221)
HSL
hsl(229, 73%, 50%)
Luminanz
0,097
Nightly Violet #774488
RGB
rgb(119, 68, 136)
HSL
hsl(285, 33%, 40%)
Luminanz
0,098
Apricot Haze #FFAAAA
RGB
rgb(255, 170, 170)
HSL
hsl(0, 100%, 83%)
Luminanz
0,529
Woodgrain #996633
RGB
rgb(153, 102, 51)
HSL
hsl(30, 50%, 40%)
Luminanz
0,165

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA
Aa #000000 auf #EEEE55 17,00:1 AAA
Aa #000000 auf #55EEEE 14,85:1 AAA
Aa #000000 auf #FFAAAA 11,58:1 AAA
Aa #000000 auf #33CC33 9,83:1 AAA
Aa #000000 auf #DD9922 8,65:1 AAA
Aa #FFFFFF auf #2244DD 7,15:1 AAA
Aa #FFFFFF auf #774488 7,08:1 AAA
Aa #EEEE55 auf #2244DD 5,78:1 AA
Aa #EEEE55 auf #774488 5,73:1 AA
Aa #FFFFFF auf #CC3333 5,14:1 AA
Aa #55EEEE auf #2244DD 5,05:1 AA
Aa #55EEEE auf #774488 5,01:1 AA
Aa #FFFFFF auf #996633 4,88:1 AA
Aa #000000 auf #777777 4,69:1 AA
Aa #777777 auf #FFFFFF 4,48:1 AA (großer Text)
Aa #000000 auf #996633 4,30:1 AA (großer Text)
Aa #CC3333 auf #EEEE55 4,16:1 AA (großer Text)
Aa #000000 auf #CC3333 4,09:1 AA (großer Text)
Aa #EEEE55 auf #996633 3,95:1 AA (großer Text)
Aa #2244DD auf #FFAAAA 3,94:1 AA (großer Text)
Aa #774488 auf #FFAAAA 3,90:1 AA (großer Text)
Aa #CC3333 auf #55EEEE 3,63:1 AA (großer Text)
Aa #777777 auf #EEEE55 3,62:1 AA (großer Text)
Aa #55EEEE auf #996633 3,45:1 AA (großer Text)
Aa #33CC33 auf #2244DD 3,34:1 AA (großer Text)
Aa #33CC33 auf #774488 3,31:1 AA (großer Text)
Aa #777777 auf #55EEEE 3,17:1 AA (großer Text)
Aa #000000 auf #774488 2,97:1 Nicht bestanden
Aa #000000 auf #2244DD 2,94:1 Nicht bestanden
Aa #DD9922 auf #2244DD 2,94:1 Nicht bestanden
Aa #DD9922 auf #774488 2,92:1 Nicht bestanden
Aa #CC3333 auf #FFAAAA 2,83:1 Nicht bestanden
Aa #FFAAAA auf #996633 2,69:1 Nicht bestanden
Aa #777777 auf #FFAAAA 2,47:1 Nicht bestanden
Aa #FFFFFF auf #DD9922 2,43:1 Nicht bestanden
Aa #CC3333 auf #33CC33 2,40:1 Nicht bestanden
Aa #33CC33 auf #996633 2,28:1 Nicht bestanden
Aa #FFFFFF auf #33CC33 2,14:1 Nicht bestanden
Aa #CC3333 auf #DD9922 2,12:1 Nicht bestanden
Aa #777777 auf #33CC33 2,10:1 Nicht bestanden
Aa #DD9922 auf #996633 2,01:1 Nicht bestanden
Aa #DD9922 auf #EEEE55 1,96:1 Nicht bestanden
Aa #777777 auf #DD9922 1,85:1 Nicht bestanden
Aa #FFFFFF auf #FFAAAA 1,81:1 Nicht bestanden
Aa #EEEE55 auf #33CC33 1,73:1 Nicht bestanden
Aa #DD9922 auf #55EEEE 1,72:1 Nicht bestanden
Aa #777777 auf #2244DD 1,60:1 Nicht bestanden
Aa #777777 auf #774488 1,58:1 Nicht bestanden
Aa #33CC33 auf #55EEEE 1,51:1 Nicht bestanden
Aa #EEEE55 auf #FFAAAA 1,47:1 Nicht bestanden
Aa #2244DD auf #996633 1,46:1 Nicht bestanden
Aa #774488 auf #996633 1,45:1 Nicht bestanden
Aa #FFFFFF auf #55EEEE 1,41:1 Nicht bestanden
Aa #CC3333 auf #2244DD 1,39:1 Nicht bestanden
Aa #CC3333 auf #774488 1,38:1 Nicht bestanden
Aa #DD9922 auf #FFAAAA 1,34:1 Nicht bestanden
Aa #55EEEE auf #FFAAAA 1,28:1 Nicht bestanden
Aa #FFFFFF auf #EEEE55 1,24:1 Nicht bestanden
Aa #33CC33 auf #FFAAAA 1,18:1 Nicht bestanden
Aa #777777 auf #CC3333 1,15:1 Nicht bestanden
Aa #DD9922 auf #33CC33 1,14:1 Nicht bestanden
Aa #EEEE55 auf #55EEEE 1,14:1 Nicht bestanden
Aa #777777 auf #996633 1,09:1 Nicht bestanden
Aa #CC3333 auf #996633 1,05:1 Nicht bestanden
Aa #2244DD auf #774488 1,01:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben