Candy 12

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

Zurück zur Bibliothek

Candy 12

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär colors candy 12 funny

Likes 47

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #19394D;
  --c-earthy-2: #38786F;
  --c-earthy-3: #7EB97A;
  --c-earthy-4: #EEF2AE;
  --c-earthy-5: #FCB475;
  --c-earthy-6: #D13E58;
  --c-earthy-7: #772858;
  --c-earthy-8: #48284F;
  --c-earthy-9: #26222F;
  --c-earthy-10: #535C7D;
  --c-earthy-11: #5C9BCA;
  --c-earthy-12: #9AF3F6;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Patrinia Scabiosaefolia (#EEF2AE) bis zum dunkelsten Ton Closed Shutter (#26222F). Sie vereint Subterranean River, Maturity, Colour Me Green, Patrinia Scabiosaefolia, Market Melon, Tōnatiuh Red, Magenta Purple, Murasaki, Closed Shutter, Blue Indigo, Tall Waves und Permafrost in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEF2AE auf #26222F mit 13,27: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

Subterranean River #19394D

RGB: rgb(25, 57, 77)
HSL: hsl(203, 51%, 20%)
Luminanz: 0,037

Maturity #38786F

RGB: rgb(56, 120, 111)
HSL: hsl(172, 36%, 35%)
Luminanz: 0,154

Colour Me Green #7EB97A

RGB: rgb(126, 185, 122)
HSL: hsl(116, 31%, 60%)
Luminanz: 0,405

Patrinia Scabiosaefolia #EEF2AE

RGB: rgb(238, 242, 174)
HSL: hsl(64, 72%, 82%)
Luminanz: 0,847

Market Melon #FCB475

RGB: rgb(252, 180, 117)
HSL: hsl(28, 96%, 72%)
Luminanz: 0,546

Tōnatiuh Red #D13E58

RGB: rgb(209, 62, 88)
HSL: hsl(349, 62%, 53%)
Luminanz: 0,177

Magenta Purple #772858

RGB: rgb(119, 40, 88)
HSL: hsl(324, 50%, 31%)
Luminanz: 0,061

Murasaki #48284F

RGB: rgb(72, 40, 79)
HSL: hsl(289, 33%, 23%)
Luminanz: 0,035

Closed Shutter #26222F

RGB: rgb(38, 34, 47)
HSL: hsl(258, 16%, 16%)
Luminanz: 0,018

Blue Indigo #535C7D

RGB: rgb(83, 92, 125)
HSL: hsl(227, 20%, 41%)
Luminanz: 0,110

Tall Waves #5C9BCA

RGB: rgb(92, 155, 202)
HSL: hsl(206, 51%, 58%)
Luminanz: 0,300

Permafrost #9AF3F6

RGB: rgb(154, 243, 246)
HSL: hsl(182, 84%, 78%)
Luminanz: 0,776

Kontrast & Barrierefreiheit

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

Aa #EEF2AE auf #26222F 13,27:1 AAA

Aa #26222F auf #9AF3F6 12,22:1 AAA

Aa #EEF2AE auf #48284F 10,61:1 AAA

Aa #19394D auf #EEF2AE 10,35:1 AAA

Aa #48284F auf #9AF3F6 9,77:1 AAA

Aa #19394D auf #9AF3F6 9,53:1 AAA

Aa #FCB475 auf #26222F 8,82:1 AAA

Aa #EEF2AE auf #772858 8,05:1 AAA

Aa #772858 auf #9AF3F6 7,41:1 AAA

Aa #FCB475 auf #48284F 7,05:1 AAA

Aa #19394D auf #FCB475 6,88:1 AA

Aa #7EB97A auf #26222F 6,74:1 AA

Aa #EEF2AE auf #535C7D 5,62:1 AA

Aa #7EB97A auf #48284F 5,38:1 AA

Aa #FCB475 auf #772858 5,35:1 AA

Aa #19394D auf #7EB97A 5,25:1 AA

Aa #26222F auf #5C9BCA 5,17:1 AA

Aa #535C7D auf #9AF3F6 5,17:1 AA

Aa #38786F auf #EEF2AE 4,39:1 AA (großer Text)

Aa #48284F auf #5C9BCA 4,14:1 AA (großer Text)

Aa #7EB97A auf #772858 4,09:1 AA (großer Text)

Aa #38786F auf #9AF3F6 4,05:1 AA (großer Text)

Aa #19394D auf #5C9BCA 4,04:1 AA (großer Text)

Aa #EEF2AE auf #D13E58 3,95:1 AA (großer Text)

Aa #FCB475 auf #535C7D 3,73:1 AA (großer Text)

Aa #D13E58 auf #9AF3F6 3,64:1 AA (großer Text)

Aa #D13E58 auf #26222F 3,36:1 AA (großer Text)

Aa #772858 auf #5C9BCA 3,14:1 AA (großer Text)

Aa #38786F auf #26222F 3,02:1 AA (großer Text)

Aa #38786F auf #FCB475 2,92:1 Nicht bestanden

Aa #7EB97A auf #535C7D 2,85:1 Nicht bestanden

Aa #D13E58 auf #48284F 2,68:1 Nicht bestanden

Aa #FCB475 auf #D13E58 2,63:1 Nicht bestanden

Aa #19394D auf #D13E58 2,62:1 Nicht bestanden

Aa #EEF2AE auf #5C9BCA 2,57:1 Nicht bestanden

Aa #38786F auf #48284F 2,41:1 Nicht bestanden

Aa #19394D auf #38786F 2,36:1 Nicht bestanden

Aa #26222F auf #535C7D 2,36:1 Nicht bestanden

Aa #5C9BCA auf #9AF3F6 2,36:1 Nicht bestanden

Aa #38786F auf #7EB97A 2,23:1 Nicht bestanden

Aa #535C7D auf #5C9BCA 2,19:1 Nicht bestanden

Aa #D13E58 auf #772858 2,04:1 Nicht bestanden

Aa #7EB97A auf #D13E58 2,01:1 Nicht bestanden

Aa #7EB97A auf #EEF2AE 1,97:1 Nicht bestanden

Aa #48284F auf #535C7D 1,89:1 Nicht bestanden

Aa #19394D auf #535C7D 1,84:1 Nicht bestanden

Aa #38786F auf #772858 1,83:1 Nicht bestanden

Aa #7EB97A auf #9AF3F6 1,81:1 Nicht bestanden

Aa #38786F auf #5C9BCA 1,71:1 Nicht bestanden

Aa #FCB475 auf #5C9BCA 1,70:1 Nicht bestanden

Aa #772858 auf #26222F 1,65:1 Nicht bestanden

Aa #D13E58 auf #5C9BCA 1,54:1 Nicht bestanden

Aa #EEF2AE auf #FCB475 1,51:1 Nicht bestanden

Aa #772858 auf #535C7D 1,43:1 Nicht bestanden

Aa #D13E58 auf #535C7D 1,42:1 Nicht bestanden

Aa #FCB475 auf #9AF3F6 1,39:1 Nicht bestanden

Aa #772858 auf #48284F 1,32:1 Nicht bestanden

Aa #7EB97A auf #FCB475 1,31:1 Nicht bestanden

Aa #7EB97A auf #5C9BCA 1,30:1 Nicht bestanden

Aa #19394D auf #772858 1,29:1 Nicht bestanden

Aa #19394D auf #26222F 1,28:1 Nicht bestanden

Aa #38786F auf #535C7D 1,28:1 Nicht bestanden

Aa #48284F auf #26222F 1,25:1 Nicht bestanden

Aa #38786F auf #D13E58 1,11:1 Nicht bestanden

Aa #EEF2AE auf #9AF3F6 1,09:1 Nicht bestanden

Aa #19394D auf #48284F 1,02:1 Nicht bestanden

Candy 12

Candy 12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen