Registrieren Registrieren
Color More 12

Color More 12

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

Zurück zur Bibliothek

Color More 12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär polyphrog
Likes 56
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #E57193;
  --c-earthy-2: #B73A20;
  --c-earthy-3: #BF843A;
  --c-earthy-4: #4D4922;
  --c-earthy-5: #439432;
  --c-earthy-6: #1A5846;
  --c-earthy-7: #3DB2B8;
  --c-earthy-8: #62487F;
  --c-earthy-9: #121224;
  --c-earthy-10: #4C4854;
  --c-earthy-11: #908D7D;
  --c-earthy-12: #F8F6CE;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Electric Arc (#F8F6CE) bis zum dunkelsten Ton Corbeau (#121224). Sie vereint Loveland, Bricky Brick, Toothpick, Uniform Green, Always Greener, Rousseau Green, Lake Tahoe Turquoise, Violet Majesty, Corbeau, Quixotic Plum, Mossy Pavement und Electric Arc in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #121224 auf #F8F6CE mit 16,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

Loveland #E57193
RGB
rgb(229, 113, 147)
HSL
hsl(342, 69%, 67%)
Luminanz
0,306
Bricky Brick #B73A20
RGB
rgb(183, 58, 32)
HSL
hsl(10, 70%, 42%)
Luminanz
0,132
Toothpick #BF843A
RGB
rgb(191, 132, 58)
HSL
hsl(33, 53%, 49%)
Luminanz
0,279
Uniform Green #4D4922
RGB
rgb(77, 73, 34)
HSL
hsl(54, 39%, 22%)
Luminanz
0,065
Always Greener #439432
RGB
rgb(67, 148, 50)
HSL
hsl(110, 49%, 39%)
Luminanz
0,226
Rousseau Green #1A5846
RGB
rgb(26, 88, 70)
HSL
hsl(163, 54%, 22%)
Luminanz
0,076
Lake Tahoe Turquoise #3DB2B8
RGB
rgb(61, 178, 184)
HSL
hsl(183, 50%, 48%)
Luminanz
0,363
Violet Majesty #62487F
RGB
rgb(98, 72, 127)
HSL
hsl(268, 28%, 39%)
Luminanz
0,088
Corbeau #121224
RGB
rgb(18, 18, 36)
HSL
hsl(240, 33%, 11%)
Luminanz
0,007
Quixotic Plum #4C4854
RGB
rgb(76, 72, 84)
HSL
hsl(260, 8%, 31%)
Luminanz
0,068
Mossy Pavement #908D7D
RGB
rgb(144, 141, 125)
HSL
hsl(51, 8%, 53%)
Luminanz
0,265
Electric Arc #F8F6CE
RGB
rgb(248, 246, 206)
HSL
hsl(57, 75%, 89%)
Luminanz
0,903

Kontrast & Barrierefreiheit

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

Aa #121224 auf #F8F6CE 16,76:1 AAA
Aa #4D4922 auf #F8F6CE 8,32:1 AAA
Aa #4C4854 auf #F8F6CE 8,07:1 AAA
Aa #1A5846 auf #F8F6CE 7,54:1 AAA
Aa #3DB2B8 auf #121224 7,26:1 AAA
Aa #62487F auf #F8F6CE 6,93:1 AA
Aa #E57193 auf #121224 6,25:1 AA
Aa #BF843A auf #121224 5,78:1 AA
Aa #121224 auf #908D7D 5,53:1 AA
Aa #B73A20 auf #F8F6CE 5,24:1 AA
Aa #439432 auf #121224 4,85:1 AA
Aa #4D4922 auf #3DB2B8 3,60:1 AA (großer Text)
Aa #3DB2B8 auf #4C4854 3,50:1 AA (großer Text)
Aa #439432 auf #F8F6CE 3,45:1 AA (großer Text)
Aa #1A5846 auf #3DB2B8 3,27:1 AA (großer Text)
Aa #B73A20 auf #121224 3,20:1 AA (großer Text)
Aa #E57193 auf #4D4922 3,10:1 AA (großer Text)
Aa #908D7D auf #F8F6CE 3,03:1 AA (großer Text)
Aa #E57193 auf #4C4854 3,01:1 AA (großer Text)
Aa #3DB2B8 auf #62487F 3,00:1 AA (großer Text)
Aa #BF843A auf #F8F6CE 2,90:1 Nicht bestanden
Aa #BF843A auf #4D4922 2,87:1 Nicht bestanden
Aa #E57193 auf #1A5846 2,81:1 Nicht bestanden
Aa #BF843A auf #4C4854 2,78:1 Nicht bestanden
Aa #4D4922 auf #908D7D 2,75:1 Nicht bestanden
Aa #E57193 auf #F8F6CE 2,68:1 Nicht bestanden
Aa #4C4854 auf #908D7D 2,66:1 Nicht bestanden
Aa #BF843A auf #1A5846 2,60:1 Nicht bestanden
Aa #E57193 auf #62487F 2,58:1 Nicht bestanden
Aa #1A5846 auf #908D7D 2,49:1 Nicht bestanden
Aa #62487F auf #121224 2,42:1 Nicht bestanden
Aa #4D4922 auf #439432 2,41:1 Nicht bestanden
Aa #BF843A auf #62487F 2,39:1 Nicht bestanden
Aa #439432 auf #4C4854 2,34:1 Nicht bestanden
Aa #3DB2B8 auf #F8F6CE 2,31:1 Nicht bestanden
Aa #62487F auf #908D7D 2,29:1 Nicht bestanden
Aa #B73A20 auf #3DB2B8 2,27:1 Nicht bestanden
Aa #1A5846 auf #121224 2,22:1 Nicht bestanden
Aa #439432 auf #1A5846 2,18:1 Nicht bestanden
Aa #121224 auf #4C4854 2,08:1 Nicht bestanden
Aa #4D4922 auf #121224 2,01:1 Nicht bestanden
Aa #439432 auf #62487F 2,01:1 Nicht bestanden
Aa #E57193 auf #B73A20 1,95:1 Nicht bestanden
Aa #B73A20 auf #BF843A 1,81:1 Nicht bestanden
Aa #B73A20 auf #908D7D 1,73:1 Nicht bestanden
Aa #B73A20 auf #4D4922 1,59:1 Nicht bestanden
Aa #B73A20 auf #4C4854 1,54:1 Nicht bestanden
Aa #B73A20 auf #439432 1,52:1 Nicht bestanden
Aa #439432 auf #3DB2B8 1,50:1 Nicht bestanden
Aa #B73A20 auf #1A5846 1,44:1 Nicht bestanden
Aa #B73A20 auf #62487F 1,32:1 Nicht bestanden
Aa #3DB2B8 auf #908D7D 1,31:1 Nicht bestanden
Aa #E57193 auf #439432 1,29:1 Nicht bestanden
Aa #BF843A auf #3DB2B8 1,26:1 Nicht bestanden
Aa #4D4922 auf #62487F 1,20:1 Nicht bestanden
Aa #BF843A auf #439432 1,19:1 Nicht bestanden
Aa #62487F auf #4C4854 1,17:1 Nicht bestanden
Aa #E57193 auf #3DB2B8 1,16:1 Nicht bestanden
Aa #439432 auf #908D7D 1,14:1 Nicht bestanden
Aa #E57193 auf #908D7D 1,13:1 Nicht bestanden
Aa #4D4922 auf #1A5846 1,10:1 Nicht bestanden
Aa #1A5846 auf #62487F 1,09:1 Nicht bestanden
Aa #E57193 auf #BF843A 1,08:1 Nicht bestanden
Aa #1A5846 auf #4C4854 1,07:1 Nicht bestanden
Aa #BF843A auf #908D7D 1,05:1 Nicht bestanden
Aa #4D4922 auf #4C4854 1,03: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