Mupix9

Mupix9

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

Mupix9

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

Bearbeiten
Erdig 9 Farben Warm Dunkel Komplementär orange purple brown gold
Likes 102
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #1D0D2B;
  --c-earthy-2: #391633;
  --c-earthy-3: #512531;
  --c-earthy-4: #794033;
  --c-earthy-5: #9E7E34;
  --c-earthy-6: #BEC187;
  --c-earthy-7: #66A573;
  --c-earthy-8: #2B7B74;
  --c-earthy-9: #263044;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Kiss a Frog (#BEC187) bis zum dunkelsten Ton Midnight Monarch (#1D0D2B). Sie vereint Midnight Monarch, Nightly Voyager, Carambar, Aged Teak, Arlington Bronze, Kiss a Frog, Aqua Forest, Elm und Crow Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1D0D2B auf #BEC187 mit 9,76: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

Midnight Monarch #1D0D2B
RGB
rgb(29, 13, 43)
HSL
hsl(272, 54%, 11%)
Luminanz
0,007
Nightly Voyager #391633
RGB
rgb(57, 22, 51)
HSL
hsl(310, 44%, 15%)
Luminanz
0,017
Carambar #512531
RGB
rgb(81, 37, 49)
HSL
hsl(344, 37%, 23%)
Luminanz
0,033
Aged Teak #794033
RGB
rgb(121, 64, 51)
HSL
hsl(11, 41%, 34%)
Luminanz
0,080
Arlington Bronze #9E7E34
RGB
rgb(158, 126, 52)
HSL
hsl(42, 50%, 41%)
Luminanz
0,224
Kiss a Frog #BEC187
RGB
rgb(190, 193, 135)
HSL
hsl(63, 32%, 64%)
Luminanz
0,508
Aqua Forest #66A573
RGB
rgb(102, 165, 115)
HSL
hsl(132, 26%, 52%)
Luminanz
0,310
Elm #2B7B74
RGB
rgb(43, 123, 116)
HSL
hsl(175, 48%, 33%)
Luminanz
0,159
Crow Black #263044
RGB
rgb(38, 48, 68)
HSL
hsl(220, 28%, 21%)
Luminanz
0,029

Kontrast & Barrierefreiheit

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

Aa #1D0D2B auf #BEC187 9,76:1 AAA
Aa #391633 auf #BEC187 8,36:1 AAA
Aa #BEC187 auf #263044 7,03:1 AAA
Aa #512531 auf #BEC187 6,73:1 AA
Aa #1D0D2B auf #66A573 6,29:1 AA
Aa #391633 auf #66A573 5,38:1 AA
Aa #1D0D2B auf #9E7E34 4,79:1 AA
Aa #66A573 auf #263044 4,53:1 AA
Aa #512531 auf #66A573 4,34:1 AA (großer Text)
Aa #794033 auf #BEC187 4,30:1 AA (großer Text)
Aa #391633 auf #9E7E34 4,11:1 AA (großer Text)
Aa #1D0D2B auf #2B7B74 3,66:1 AA (großer Text)
Aa #9E7E34 auf #263044 3,45:1 AA (großer Text)
Aa #512531 auf #9E7E34 3,31:1 AA (großer Text)
Aa #391633 auf #2B7B74 3,13:1 AA (großer Text)
Aa #794033 auf #66A573 2,77:1 Nicht bestanden
Aa #BEC187 auf #2B7B74 2,67:1 Nicht bestanden
Aa #2B7B74 auf #263044 2,64:1 Nicht bestanden
Aa #512531 auf #2B7B74 2,52:1 Nicht bestanden
Aa #1D0D2B auf #794033 2,27:1 Nicht bestanden
Aa #794033 auf #9E7E34 2,12:1 Nicht bestanden
Aa #9E7E34 auf #BEC187 2,03:1 Nicht bestanden
Aa #391633 auf #794033 1,94:1 Nicht bestanden
Aa #66A573 auf #2B7B74 1,72:1 Nicht bestanden
Aa #794033 auf #263044 1,63:1 Nicht bestanden
Aa #794033 auf #2B7B74 1,61:1 Nicht bestanden
Aa #512531 auf #794033 1,56:1 Nicht bestanden
Aa #BEC187 auf #66A573 1,55:1 Nicht bestanden
Aa #1D0D2B auf #512531 1,45:1 Nicht bestanden
Aa #1D0D2B auf #263044 1,39:1 Nicht bestanden
Aa #9E7E34 auf #66A573 1,31:1 Nicht bestanden
Aa #9E7E34 auf #2B7B74 1,31:1 Nicht bestanden
Aa #391633 auf #512531 1,24:1 Nicht bestanden
Aa #391633 auf #263044 1,19:1 Nicht bestanden
Aa #1D0D2B auf #391633 1,17:1 Nicht bestanden
Aa #512531 auf #263044 1,04: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