Evening12

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

Zurück zur Bibliothek

Evening12

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär artist 12 evening slavfox

Likes 26

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #1B0D1F;
  --c-earthy-2: #2C329F;
  --c-earthy-3: #51A6EE;
  --c-earthy-4: #AEDDCA;
  --c-earthy-5: #F5F5CE;
  --c-earthy-6: #C75684;
  --c-earthy-7: #9A212D;
  --c-earthy-8: #3D152A;
  --c-earthy-9: #A85639;
  --c-earthy-10: #E6B543;
  --c-earthy-11: #729F7C;
  --c-earthy-12: #344233;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Sunny Mimosa (#F5F5CE) bis zum dunkelsten Ton Shot in the Dark (#1B0D1F). Sie vereint Shot in the Dark, Depths of Night, Cerulean, Brook Green, Sunny Mimosa, Pretty in Plum, Crimson Garland, Black-Hearted, Hyacinth Red, Honey Glow, Holiday Camp und Sensaimidori Green 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 #1B0D1F auf #F5F5CE 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

Shot in the Dark #1B0D1F

RGB: rgb(27, 13, 31)
HSL: hsl(287, 41%, 9%)
Luminanz: 0,006

Depths of Night #2C329F

RGB: rgb(44, 50, 159)
HSL: hsl(237, 57%, 40%)
Luminanz: 0,053

Cerulean #51A6EE

RGB: rgb(81, 166, 238)
HSL: hsl(208, 82%, 63%)
Luminanz: 0,352

Brook Green #AEDDCA

RGB: rgb(174, 221, 202)
HSL: hsl(156, 41%, 77%)
Luminanz: 0,650

Sunny Mimosa #F5F5CE

RGB: rgb(245, 245, 206)
HSL: hsl(60, 66%, 88%)
Luminanz: 0,892

Pretty in Plum #C75684

RGB: rgb(199, 86, 132)
HSL: hsl(336, 50%, 56%)
Luminanz: 0,205

Crimson Garland #9A212D

RGB: rgb(154, 33, 45)
HSL: hsl(354, 65%, 37%)
Luminanz: 0,082

Black-Hearted #3D152A

RGB: rgb(61, 21, 42)
HSL: hsl(329, 49%, 16%)
Luminanz: 0,017

Hyacinth Red #A85639

RGB: rgb(168, 86, 57)
HSL: hsl(16, 49%, 44%)
Luminanz: 0,153

Honey Glow #E6B543

RGB: rgb(230, 181, 67)
HSL: hsl(42, 77%, 58%)
Luminanz: 0,503

Holiday Camp #729F7C

RGB: rgb(114, 159, 124)
HSL: hsl(133, 19%, 54%)
Luminanz: 0,298

Sensaimidori Green #344233

RGB: rgb(52, 66, 51)
HSL: hsl(116, 13%, 23%)
Luminanz: 0,049

Kontrast & Barrierefreiheit

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

Aa #1B0D1F auf #F5F5CE 16,76:1 AAA

Aa #F5F5CE auf #3D152A 14,06:1 AAA

Aa #1B0D1F auf #AEDDCA 12,45:1 AAA

Aa #AEDDCA auf #3D152A 10,45:1 AAA

Aa #1B0D1F auf #E6B543 9,84:1 AAA

Aa #F5F5CE auf #344233 9,55:1 AAA

Aa #2C329F auf #F5F5CE 9,13:1 AAA

Aa #3D152A auf #E6B543 8,26:1 AAA

Aa #F5F5CE auf #9A212D 7,16:1 AAA

Aa #1B0D1F auf #51A6EE 7,15:1 AAA

Aa #AEDDCA auf #344233 7,09:1 AAA

Aa #2C329F auf #AEDDCA 6,78:1 AA

Aa #1B0D1F auf #729F7C 6,20:1 AA

Aa #51A6EE auf #3D152A 6,00:1 AA

Aa #E6B543 auf #344233 5,60:1 AA

Aa #2C329F auf #E6B543 5,36:1 AA

Aa #AEDDCA auf #9A212D 5,32:1 AA

Aa #3D152A auf #729F7C 5,20:1 AA

Aa #F5F5CE auf #A85639 4,64:1 AA

Aa #1B0D1F auf #C75684 4,53:1 AA

Aa #9A212D auf #E6B543 4,20:1 AA (großer Text)

Aa #51A6EE auf #344233 4,07:1 AA (großer Text)

Aa #2C329F auf #51A6EE 3,89:1 AA (großer Text)

Aa #C75684 auf #3D152A 3,80:1 AA (großer Text)

Aa #F5F5CE auf #C75684 3,70:1 AA (großer Text)

Aa #1B0D1F auf #A85639 3,61:1 AA (großer Text)

Aa #729F7C auf #344233 3,53:1 AA (großer Text)

Aa #AEDDCA auf #A85639 3,45:1 AA (großer Text)

Aa #2C329F auf #729F7C 3,37:1 AA (großer Text)

Aa #51A6EE auf #9A212D 3,06:1 AA (großer Text)

Aa #3D152A auf #A85639 3,03:1 AA (großer Text)

Aa #AEDDCA auf #C75684 2,75:1 Nicht bestanden

Aa #A85639 auf #E6B543 2,73:1 Nicht bestanden

Aa #F5F5CE auf #729F7C 2,70:1 Nicht bestanden

Aa #9A212D auf #729F7C 2,65:1 Nicht bestanden

Aa #C75684 auf #344233 2,58:1 Nicht bestanden

Aa #2C329F auf #C75684 2,47:1 Nicht bestanden

Aa #1B0D1F auf #9A212D 2,34:1 Nicht bestanden

Aa #51A6EE auf #F5F5CE 2,34:1 Nicht bestanden

Aa #C75684 auf #E6B543 2,17:1 Nicht bestanden

Aa #A85639 auf #344233 2,06:1 Nicht bestanden

Aa #AEDDCA auf #729F7C 2,01:1 Nicht bestanden

Aa #51A6EE auf #A85639 1,98:1 Nicht bestanden

Aa #2C329F auf #A85639 1,96:1 Nicht bestanden

Aa #9A212D auf #3D152A 1,96:1 Nicht bestanden

Aa #C75684 auf #9A212D 1,94:1 Nicht bestanden

Aa #1B0D1F auf #2C329F 1,84:1 Nicht bestanden

Aa #1B0D1F auf #344233 1,76:1 Nicht bestanden

Aa #51A6EE auf #AEDDCA 1,74:1 Nicht bestanden

Aa #A85639 auf #729F7C 1,72:1 Nicht bestanden

Aa #F5F5CE auf #E6B543 1,70:1 Nicht bestanden

Aa #E6B543 auf #729F7C 1,59:1 Nicht bestanden

Aa #51A6EE auf #C75684 1,58:1 Nicht bestanden

Aa #2C329F auf #3D152A 1,54:1 Nicht bestanden

Aa #9A212D auf #A85639 1,54:1 Nicht bestanden

Aa #3D152A auf #344233 1,47:1 Nicht bestanden

Aa #51A6EE auf #E6B543 1,38:1 Nicht bestanden

Aa #C75684 auf #729F7C 1,37:1 Nicht bestanden

Aa #AEDDCA auf #F5F5CE 1,35:1 Nicht bestanden

Aa #9A212D auf #344233 1,33:1 Nicht bestanden

Aa #2C329F auf #9A212D 1,27:1 Nicht bestanden

Aa #AEDDCA auf #E6B543 1,27:1 Nicht bestanden

Aa #C75684 auf #A85639 1,26:1 Nicht bestanden

Aa #1B0D1F auf #3D152A 1,19:1 Nicht bestanden

Aa #51A6EE auf #729F7C 1,15:1 Nicht bestanden

Aa #2C329F auf #344233 1,05:1 Nicht bestanden

Evening12

Evening12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen