Registrieren Registrieren
BREWERVIRIDIS

BREWERVIRIDIS

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

BREWERVIRIDIS

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Kühl Gemischt Komplementär viridis breweryellows oppositcolours contrast
Likes 218
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #402859;
  --c-earthy-3: #353763;
  --c-earthy-4: #275F77;
  --c-earthy-5: #388771;
  --c-earthy-6: #5A9E5C;
  --c-earthy-7: #FFEA63;
  --c-earthy-8: #D89544;
  --c-earthy-9: #8D844A;
  --c-earthy-10: #BCB26F;
  --c-earthy-11: #FFE5BF;
  --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, Queen’s Domain, Rhynchites Nitens, Nautical Creatures, Ionian, Savage Garden, Caduceus Gold, Suede Vest, Frog’s Legs, Golden Green, Cheese Powder und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 20 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
Queen’s Domain #402859
RGB
rgb(64, 40, 89)
HSL
hsl(269, 38%, 25%)
Luminanz
0,033
Rhynchites Nitens #353763
RGB
rgb(53, 55, 99)
HSL
hsl(237, 30%, 30%)
Luminanz
0,044
Nautical Creatures #275F77
RGB
rgb(39, 95, 119)
HSL
hsl(198, 51%, 31%)
Luminanz
0,100
Ionian #388771
RGB
rgb(56, 135, 113)
HSL
hsl(163, 41%, 37%)
Luminanz
0,194
Savage Garden #5A9E5C
RGB
rgb(90, 158, 92)
HSL
hsl(122, 27%, 49%)
Luminanz
0,274
Caduceus Gold #FFEA63
RGB
rgb(255, 234, 99)
HSL
hsl(52, 100%, 69%)
Luminanz
0,810
Suede Vest #D89544
RGB
rgb(216, 149, 68)
HSL
hsl(33, 65%, 56%)
Luminanz
0,365
Frog’s Legs #8D844A
RGB
rgb(141, 132, 74)
HSL
hsl(52, 31%, 42%)
Luminanz
0,227
Golden Green #BCB26F
RGB
rgb(188, 178, 111)
HSL
hsl(52, 36%, 59%)
Luminanz
0,437
Cheese Powder #FFE5BF
RGB
rgb(255, 229, 191)
HSL
hsl(36, 100%, 87%)
Luminanz
0,811
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

20 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 #FFE5BF 17,21:1 AAA
Aa #000000 auf #FFEA63 17,20:1 AAA
Aa #402859 auf #FFFFFF 12,61:1 AAA
Aa #353763 auf #FFFFFF 11,18:1 AAA
Aa #402859 auf #FFEA63 10,33:1 AAA
Aa #402859 auf #FFE5BF 10,33:1 AAA
Aa #000000 auf #BCB26F 9,74:1 AAA
Aa #353763 auf #FFEA63 9,16:1 AAA
Aa #353763 auf #FFE5BF 9,16:1 AAA
Aa #000000 auf #D89544 8,30:1 AAA
Aa #275F77 auf #FFFFFF 7,02:1 AAA
Aa #000000 auf #5A9E5C 6,48:1 AA
Aa #402859 auf #BCB26F 5,84:1 AA
Aa #275F77 auf #FFE5BF 5,76:1 AA
Aa #275F77 auf #FFEA63 5,75:1 AA
Aa #000000 auf #8D844A 5,53:1 AA
Aa #353763 auf #BCB26F 5,18:1 AA
Aa #402859 auf #D89544 4,98:1 AA
Aa #000000 auf #388771 4,87:1 AA
Aa #353763 auf #D89544 4,42:1 AA (großer Text)
Aa #388771 auf #FFFFFF 4,31:1 AA (großer Text)
Aa #402859 auf #5A9E5C 3,89:1 AA (großer Text)
Aa #8D844A auf #FFFFFF 3,80:1 AA (großer Text)
Aa #388771 auf #FFEA63 3,53:1 AA (großer Text)
Aa #388771 auf #FFE5BF 3,53:1 AA (großer Text)
Aa #353763 auf #5A9E5C 3,45:1 AA (großer Text)
Aa #402859 auf #8D844A 3,32:1 AA (großer Text)
Aa #275F77 auf #BCB26F 3,26:1 AA (großer Text)
Aa #5A9E5C auf #FFFFFF 3,24:1 AA (großer Text)
Aa #FFEA63 auf #8D844A 3,11:1 AA (großer Text)
Aa #8D844A auf #FFE5BF 3,11:1 AA (großer Text)
Aa #000000 auf #275F77 2,99:1 Nicht bestanden
Aa #353763 auf #8D844A 2,95:1 Nicht bestanden
Aa #402859 auf #388771 2,92:1 Nicht bestanden
Aa #275F77 auf #D89544 2,78:1 Nicht bestanden
Aa #5A9E5C auf #FFE5BF 2,66:1 Nicht bestanden
Aa #5A9E5C auf #FFEA63 2,65:1 Nicht bestanden
Aa #353763 auf #388771 2,59:1 Nicht bestanden
Aa #D89544 auf #FFFFFF 2,53:1 Nicht bestanden
Aa #275F77 auf #5A9E5C 2,17:1 Nicht bestanden
Aa #BCB26F auf #FFFFFF 2,16:1 Nicht bestanden
Aa #FFEA63 auf #D89544 2,07:1 Nicht bestanden
Aa #D89544 auf #FFE5BF 2,07:1 Nicht bestanden
Aa #388771 auf #BCB26F 2,00:1 Nicht bestanden
Aa #000000 auf #353763 1,88:1 Nicht bestanden
Aa #275F77 auf #8D844A 1,85:1 Nicht bestanden
Aa #402859 auf #275F77 1,79:1 Nicht bestanden
Aa #FFEA63 auf #BCB26F 1,77:1 Nicht bestanden
Aa #BCB26F auf #FFE5BF 1,77:1 Nicht bestanden
Aa #8D844A auf #BCB26F 1,76:1 Nicht bestanden
Aa #388771 auf #D89544 1,70:1 Nicht bestanden
Aa #000000 auf #402859 1,67:1 Nicht bestanden
Aa #275F77 auf #388771 1,63:1 Nicht bestanden
Aa #353763 auf #275F77 1,59:1 Nicht bestanden
Aa #5A9E5C auf #BCB26F 1,50:1 Nicht bestanden
Aa #D89544 auf #8D844A 1,50:1 Nicht bestanden
Aa #388771 auf #5A9E5C 1,33:1 Nicht bestanden
Aa #5A9E5C auf #D89544 1,28:1 Nicht bestanden
Aa #FFEA63 auf #FFFFFF 1,22:1 Nicht bestanden
Aa #FFE5BF auf #FFFFFF 1,22:1 Nicht bestanden
Aa #5A9E5C auf #8D844A 1,17:1 Nicht bestanden
Aa #D89544 auf #BCB26F 1,17:1 Nicht bestanden
Aa #388771 auf #8D844A 1,14:1 Nicht bestanden
Aa #402859 auf #353763 1,13:1 Nicht bestanden
Aa #FFEA63 auf #FFE5BF 1,00:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben