Registrieren Registrieren
Absxii

Absxii

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

Zurück zur Bibliothek

Absxii

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

Bearbeiten
Erdig 12 Farben Warm Dunkel Komplementär artist musthbly abstract
Likes 46
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #1C0903;
  --c-earthy-2: #433655;
  --c-earthy-3: #7E2738;
  --c-earthy-4: #495989;
  --c-earthy-5: #A23D2A;
  --c-earthy-6: #5F6468;
  --c-earthy-7: #4B6B68;
  --c-earthy-8: #7A5E6E;
  --c-earthy-9: #9E5738;
  --c-earthy-10: #D2935B;
  --c-earthy-11: #A1A6A6;
  --c-earthy-12: #D7C9C1;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Unfussy Beige (#D7C9C1) bis zum dunkelsten Ton Soy Sauce (#1C0903). Sie vereint Soy Sauce, Purple Plumeria, Suō, Gem, Edocha, Carriage Wheel, Deep Rift, Black Plum, Persimmon Varnish, Gates of Gold, Castlegate und Unfussy Beige in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C0903 auf #D7C9C1 mit 11,94: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

Soy Sauce #1C0903
RGB
rgb(28, 9, 3)
HSL
hsl(14, 81%, 6%)
Luminanz
0,005
Purple Plumeria #433655
RGB
rgb(67, 54, 85)
HSL
hsl(265, 22%, 27%)
Luminanz
0,045
Suō #7E2738
RGB
rgb(126, 39, 56)
HSL
hsl(348, 53%, 32%)
Luminanz
0,062
Gem #495989
RGB
rgb(73, 89, 137)
HSL
hsl(225, 30%, 41%)
Luminanz
0,104
Edocha #A23D2A
RGB
rgb(162, 61, 42)
HSL
hsl(10, 59%, 40%)
Luminanz
0,112
Carriage Wheel #5F6468
RGB
rgb(95, 100, 104)
HSL
hsl(207, 5%, 39%)
Luminanz
0,126
Deep Rift #4B6B68
RGB
rgb(75, 107, 104)
HSL
hsl(174, 18%, 36%)
Luminanz
0,130
Black Plum #7A5E6E
RGB
rgb(122, 94, 110)
HSL
hsl(326, 13%, 42%)
Luminanz
0,133
Persimmon Varnish #9E5738
RGB
rgb(158, 87, 56)
HSL
hsl(18, 48%, 42%)
Luminanz
0,144
Gates of Gold #D2935B
RGB
rgb(210, 147, 91)
HSL
hsl(28, 57%, 59%)
Luminanz
0,353
Castlegate #A1A6A6
RGB
rgb(161, 166, 166)
HSL
hsl(180, 3%, 64%)
Luminanz
0,376
Unfussy Beige #D7C9C1
RGB
rgb(215, 201, 193)
HSL
hsl(22, 22%, 80%)
Luminanz
0,601

Kontrast & Barrierefreiheit

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

Aa #1C0903 auf #D7C9C1 11,94:1 AAA
Aa #1C0903 auf #A1A6A6 7,82:1 AAA
Aa #1C0903 auf #D2935B 7,40:1 AAA
Aa #433655 auf #D7C9C1 6,86:1 AA
Aa #7E2738 auf #D7C9C1 5,82:1 AA
Aa #433655 auf #A1A6A6 4,49:1 AA (großer Text)
Aa #433655 auf #D2935B 4,25:1 AA (großer Text)
Aa #495989 auf #D7C9C1 4,23:1 AA (großer Text)
Aa #A23D2A auf #D7C9C1 4,02:1 AA (großer Text)
Aa #7E2738 auf #A1A6A6 3,81:1 AA (großer Text)
Aa #5F6468 auf #D7C9C1 3,71:1 AA (großer Text)
Aa #7E2738 auf #D2935B 3,61:1 AA (großer Text)
Aa #4B6B68 auf #D7C9C1 3,61:1 AA (großer Text)
Aa #1C0903 auf #9E5738 3,56:1 AA (großer Text)
Aa #7A5E6E auf #D7C9C1 3,56:1 AA (großer Text)
Aa #9E5738 auf #D7C9C1 3,36:1 AA (großer Text)
Aa #1C0903 auf #7A5E6E 3,35:1 AA (großer Text)
Aa #1C0903 auf #4B6B68 3,31:1 AA (großer Text)
Aa #1C0903 auf #5F6468 3,22:1 AA (großer Text)
Aa #1C0903 auf #A23D2A 2,97:1 Nicht bestanden
Aa #1C0903 auf #495989 2,82:1 Nicht bestanden
Aa #495989 auf #A1A6A6 2,77:1 Nicht bestanden
Aa #A23D2A auf #A1A6A6 2,63:1 Nicht bestanden
Aa #495989 auf #D2935B 2,62:1 Nicht bestanden
Aa #A23D2A auf #D2935B 2,49:1 Nicht bestanden
Aa #5F6468 auf #A1A6A6 2,43:1 Nicht bestanden
Aa #4B6B68 auf #A1A6A6 2,37:1 Nicht bestanden
Aa #7A5E6E auf #A1A6A6 2,33:1 Nicht bestanden
Aa #5F6468 auf #D2935B 2,30:1 Nicht bestanden
Aa #4B6B68 auf #D2935B 2,24:1 Nicht bestanden
Aa #7A5E6E auf #D2935B 2,21:1 Nicht bestanden
Aa #9E5738 auf #A1A6A6 2,20:1 Nicht bestanden
Aa #9E5738 auf #D2935B 2,08:1 Nicht bestanden
Aa #1C0903 auf #7E2738 2,05:1 Nicht bestanden
Aa #433655 auf #9E5738 2,04:1 Nicht bestanden
Aa #433655 auf #7A5E6E 1,93:1 Nicht bestanden
Aa #433655 auf #4B6B68 1,90:1 Nicht bestanden
Aa #433655 auf #5F6468 1,85:1 Nicht bestanden
Aa #1C0903 auf #433655 1,74:1 Nicht bestanden
Aa #7E2738 auf #9E5738 1,73:1 Nicht bestanden
Aa #433655 auf #A23D2A 1,71:1 Nicht bestanden
Aa #7E2738 auf #7A5E6E 1,64:1 Nicht bestanden
Aa #433655 auf #495989 1,62:1 Nicht bestanden
Aa #7E2738 auf #4B6B68 1,61:1 Nicht bestanden
Aa #D2935B auf #D7C9C1 1,61:1 Nicht bestanden
Aa #7E2738 auf #5F6468 1,57:1 Nicht bestanden
Aa #A1A6A6 auf #D7C9C1 1,53:1 Nicht bestanden
Aa #7E2738 auf #A23D2A 1,45:1 Nicht bestanden
Aa #7E2738 auf #495989 1,38:1 Nicht bestanden
Aa #495989 auf #9E5738 1,26:1 Nicht bestanden
Aa #A23D2A auf #9E5738 1,20:1 Nicht bestanden
Aa #495989 auf #7A5E6E 1,19:1 Nicht bestanden
Aa #433655 auf #7E2738 1,18:1 Nicht bestanden
Aa #495989 auf #4B6B68 1,17:1 Nicht bestanden
Aa #495989 auf #5F6468 1,14:1 Nicht bestanden
Aa #A23D2A auf #7A5E6E 1,13:1 Nicht bestanden
Aa #A23D2A auf #4B6B68 1,11:1 Nicht bestanden
Aa #5F6468 auf #9E5738 1,10:1 Nicht bestanden
Aa #A23D2A auf #5F6468 1,08:1 Nicht bestanden
Aa #4B6B68 auf #9E5738 1,08:1 Nicht bestanden
Aa #7A5E6E auf #9E5738 1,06:1 Nicht bestanden
Aa #D2935B auf #A1A6A6 1,06:1 Nicht bestanden
Aa #495989 auf #A23D2A 1,05:1 Nicht bestanden
Aa #5F6468 auf #7A5E6E 1,04:1 Nicht bestanden
Aa #5F6468 auf #4B6B68 1,03:1 Nicht bestanden
Aa #4B6B68 auf #7A5E6E 1,01: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