Startseite Farbpaletten RommHakk 12 Color

RommHakk 12 Color

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

Zurück zur Bibliothek

RommHakk 12 Color

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

Bearbeiten

Erdig 12 Farben Neutral Gemischt Komplementär simple 12

Likes 2

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #2E1E42;
  --c-earthy-2: #576DAB;
  --c-earthy-3: #84BCDC;
  --c-earthy-4: #4D9366;
  --c-earthy-5: #90C385;
  --c-earthy-6: #DAE07A;
  --c-earthy-7: #CFC3A2;
  --c-earthy-8: #CD9467;
  --c-earthy-9: #E4A64B;
  --c-earthy-10: #ED3838;
  --c-earthy-11: #FE9AA8;
  --c-earthy-12: #9C65B4;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Carolina Parakeet (#DAE07A) bis zum dunkelsten Ton Midnight Velvet (#2E1E42). Sie vereint Midnight Velvet, Blue Chamber, Enchanting, Illuminati Green, Hearty Hosta, Carolina Parakeet, Seasoned Salt, Santa Fe Sunrise, Brass Mesh, Vivaldi Red, Fight the Sunrise und Prickly Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2E1E42 auf #DAE07A mit 10,81: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 Velvet #2E1E42

RGB: rgb(46, 30, 66)
HSL: hsl(267, 38%, 19%)
Luminanz: 0,019

Blue Chamber #576DAB

RGB: rgb(87, 109, 171)
HSL: hsl(224, 33%, 51%)
Luminanz: 0,159

Enchanting #84BCDC

RGB: rgb(132, 188, 220)
HSL: hsl(202, 56%, 69%)
Luminanz: 0,460

Illuminati Green #4D9366

RGB: rgb(77, 147, 102)
HSL: hsl(141, 31%, 44%)
Luminanz: 0,234

Hearty Hosta #90C385

RGB: rgb(144, 195, 133)
HSL: hsl(109, 34%, 64%)
Luminanz: 0,467

Carolina Parakeet #DAE07A

RGB: rgb(218, 224, 122)
HSL: hsl(64, 62%, 68%)
Luminanz: 0,696

Seasoned Salt #CFC3A2

RGB: rgb(207, 195, 162)
HSL: hsl(44, 32%, 72%)
Luminanz: 0,549

Santa Fe Sunrise #CD9467

RGB: rgb(205, 148, 103)
HSL: hsl(26, 50%, 60%)
Luminanz: 0,351

Brass Mesh #E4A64B

RGB: rgb(228, 166, 75)
HSL: hsl(36, 74%, 59%)
Luminanz: 0,443

Vivaldi Red #ED3838

RGB: rgb(237, 56, 56)
HSL: hsl(0, 83%, 57%)
Luminanz: 0,211

Fight the Sunrise #FE9AA8

RGB: rgb(254, 154, 168)
HSL: hsl(352, 98%, 80%)
Luminanz: 0,470

Prickly Purple #9C65B4

RGB: rgb(156, 101, 180)
HSL: hsl(282, 34%, 55%)
Luminanz: 0,197

Kontrast & Barrierefreiheit

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

Aa #2E1E42 auf #DAE07A 10,81:1 AAA

Aa #2E1E42 auf #CFC3A2 8,68:1 AAA

Aa #2E1E42 auf #FE9AA8 7,53:1 AAA

Aa #2E1E42 auf #90C385 7,48:1 AAA

Aa #2E1E42 auf #84BCDC 7,39:1 AAA

Aa #2E1E42 auf #E4A64B 7,14:1 AAA

Aa #2E1E42 auf #CD9467 5,81:1 AA

Aa #2E1E42 auf #4D9366 4,11:1 AA (großer Text)

Aa #2E1E42 auf #ED3838 3,78:1 AA (großer Text)

Aa #2E1E42 auf #9C65B4 3,57:1 AA (großer Text)

Aa #576DAB auf #DAE07A 3,57:1 AA (großer Text)

Aa #2E1E42 auf #576DAB 3,03:1 AA (großer Text)

Aa #DAE07A auf #9C65B4 3,02:1 AA (großer Text)

Aa #576DAB auf #CFC3A2 2,87:1 Nicht bestanden

Aa #DAE07A auf #ED3838 2,86:1 Nicht bestanden

Aa #4D9366 auf #DAE07A 2,63:1 Nicht bestanden

Aa #576DAB auf #FE9AA8 2,49:1 Nicht bestanden

Aa #576DAB auf #90C385 2,47:1 Nicht bestanden

Aa #576DAB auf #84BCDC 2,44:1 Nicht bestanden

Aa #CFC3A2 auf #9C65B4 2,43:1 Nicht bestanden

Aa #576DAB auf #E4A64B 2,36:1 Nicht bestanden

Aa #CFC3A2 auf #ED3838 2,29:1 Nicht bestanden

Aa #4D9366 auf #CFC3A2 2,11:1 Nicht bestanden

Aa #FE9AA8 auf #9C65B4 2,11:1 Nicht bestanden

Aa #90C385 auf #9C65B4 2,09:1 Nicht bestanden

Aa #84BCDC auf #9C65B4 2,07:1 Nicht bestanden

Aa #E4A64B auf #9C65B4 2,00:1 Nicht bestanden

Aa #ED3838 auf #FE9AA8 1,99:1 Nicht bestanden

Aa #90C385 auf #ED3838 1,98:1 Nicht bestanden

Aa #84BCDC auf #ED3838 1,95:1 Nicht bestanden

Aa #576DAB auf #CD9467 1,92:1 Nicht bestanden

Aa #E4A64B auf #ED3838 1,89:1 Nicht bestanden

Aa #DAE07A auf #CD9467 1,86:1 Nicht bestanden

Aa #4D9366 auf #FE9AA8 1,83:1 Nicht bestanden

Aa #4D9366 auf #90C385 1,82:1 Nicht bestanden

Aa #84BCDC auf #4D9366 1,80:1 Nicht bestanden

Aa #4D9366 auf #E4A64B 1,73:1 Nicht bestanden

Aa #CD9467 auf #9C65B4 1,63:1 Nicht bestanden

Aa #CD9467 auf #ED3838 1,54:1 Nicht bestanden

Aa #DAE07A auf #E4A64B 1,51:1 Nicht bestanden

Aa #CFC3A2 auf #CD9467 1,49:1 Nicht bestanden

Aa #84BCDC auf #DAE07A 1,46:1 Nicht bestanden

Aa #90C385 auf #DAE07A 1,44:1 Nicht bestanden

Aa #DAE07A auf #FE9AA8 1,43:1 Nicht bestanden

Aa #4D9366 auf #CD9467 1,41:1 Nicht bestanden

Aa #576DAB auf #4D9366 1,36:1 Nicht bestanden

Aa #CD9467 auf #FE9AA8 1,30:1 Nicht bestanden

Aa #90C385 auf #CD9467 1,29:1 Nicht bestanden

Aa #84BCDC auf #CD9467 1,27:1 Nicht bestanden

Aa #576DAB auf #ED3838 1,25:1 Nicht bestanden

Aa #DAE07A auf #CFC3A2 1,25:1 Nicht bestanden

Aa #CD9467 auf #E4A64B 1,23:1 Nicht bestanden

Aa #CFC3A2 auf #E4A64B 1,22:1 Nicht bestanden

Aa #576DAB auf #9C65B4 1,18:1 Nicht bestanden

Aa #84BCDC auf #CFC3A2 1,17:1 Nicht bestanden

Aa #90C385 auf #CFC3A2 1,16:1 Nicht bestanden

Aa #4D9366 auf #9C65B4 1,15:1 Nicht bestanden

Aa #CFC3A2 auf #FE9AA8 1,15:1 Nicht bestanden

Aa #4D9366 auf #ED3838 1,09:1 Nicht bestanden

Aa #E4A64B auf #FE9AA8 1,06:1 Nicht bestanden

Aa #ED3838 auf #9C65B4 1,06:1 Nicht bestanden

Aa #90C385 auf #E4A64B 1,05:1 Nicht bestanden

Aa #84BCDC auf #E4A64B 1,04:1 Nicht bestanden

Aa #84BCDC auf #FE9AA8 1,02:1 Nicht bestanden

Aa #84BCDC auf #90C385 1,01:1 Nicht bestanden

Aa #90C385 auf #FE9AA8 1,01:1 Nicht bestanden

RommHakk 12 Color