Startseite Farbpaletten Almost Like A Rainbow

Almost Like A Rainbow

Palette mit 10 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Almost Like A Rainbow

Palette mit 10 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Erdig 10 Farben Kühl Dunkel Komplementär ramp rainbow colorfull

Likes 17

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #1F0000;
  --c-earthy-2: #30091E;
  --c-earthy-3: #451948;
  --c-earthy-4: #4A2860;
  --c-earthy-5: #384F77;
  --c-earthy-6: #47878F;
  --c-earthy-7: #57A79A;
  --c-earthy-8: #66BF70;
  --c-earthy-9: #ADD778;
  --c-earthy-10: #EFEF90;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Jonquil (#EFEF90) bis zum dunkelsten Ton Ponzu Brown (#1F0000). Sie vereint Ponzu Brown, Vienna Roast, Velvet Cosmos, Acai, Noble Knight, Flounce, Paradise Island, Bermudagrass, Wasabi und Jonquil in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1F0000 auf #EFEF90 mit 16,46: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

Ponzu Brown #1F0000

RGB: rgb(31, 0, 0)
HSL: hsl(0, 100%, 6%)
Luminanz: 0,003

Vienna Roast #30091E

RGB: rgb(48, 9, 30)
HSL: hsl(328, 68%, 11%)
Luminanz: 0,009

Velvet Cosmos #451948

RGB: rgb(69, 25, 72)
HSL: hsl(296, 48%, 19%)
Luminanz: 0,024

Acai #4A2860

RGB: rgb(74, 40, 96)
HSL: hsl(276, 41%, 27%)
Luminanz: 0,038

Noble Knight #384F77

RGB: rgb(56, 79, 119)
HSL: hsl(218, 36%, 34%)
Luminanz: 0,078

Flounce #47878F

RGB: rgb(71, 135, 143)
HSL: hsl(187, 34%, 42%)
Luminanz: 0,207

Paradise Island #57A79A

RGB: rgb(87, 167, 154)
HSL: hsl(170, 31%, 50%)
Luminanz: 0,320

Bermudagrass #66BF70

RGB: rgb(102, 191, 112)
HSL: hsl(127, 41%, 57%)
Luminanz: 0,413

Wasabi #ADD778

RGB: rgb(173, 215, 120)
HSL: hsl(87, 54%, 66%)
Luminanz: 0,588

Jonquil #EFEF90

RGB: rgb(239, 239, 144)
HSL: hsl(60, 75%, 75%)
Luminanz: 0,821

Kontrast & Barrierefreiheit

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

Aa #1F0000 auf #EFEF90 16,46:1 AAA

Aa #30091E auf #EFEF90 14,72:1 AAA

Aa #1F0000 auf #ADD778 12,07:1 AAA

Aa #451948 auf #EFEF90 11,72:1 AAA

Aa #30091E auf #ADD778 10,79:1 AAA

Aa #4A2860 auf #EFEF90 9,88:1 AAA

Aa #1F0000 auf #66BF70 8,74:1 AAA

Aa #451948 auf #ADD778 8,59:1 AAA

Aa #30091E auf #66BF70 7,82:1 AAA

Aa #4A2860 auf #ADD778 7,24:1 AAA

Aa #1F0000 auf #57A79A 6,99:1 AA

Aa #384F77 auf #EFEF90 6,82:1 AA

Aa #30091E auf #57A79A 6,25:1 AA

Aa #451948 auf #66BF70 6,23:1 AA

Aa #4A2860 auf #66BF70 5,25:1 AA

Aa #384F77 auf #ADD778 5,00:1 AA

Aa #451948 auf #57A79A 4,98:1 AA

Aa #1F0000 auf #47878F 4,85:1 AA

Aa #30091E auf #47878F 4,33:1 AA (großer Text)

Aa #4A2860 auf #57A79A 4,20:1 AA (großer Text)

Aa #384F77 auf #66BF70 3,62:1 AA (großer Text)

Aa #451948 auf #47878F 3,45:1 AA (großer Text)

Aa #47878F auf #EFEF90 3,40:1 AA (großer Text)

Aa #4A2860 auf #47878F 2,91:1 Nicht bestanden

Aa #384F77 auf #57A79A 2,90:1 Nicht bestanden

Aa #47878F auf #ADD778 2,49:1 Nicht bestanden

Aa #1F0000 auf #384F77 2,41:1 Nicht bestanden

Aa #57A79A auf #EFEF90 2,35:1 Nicht bestanden

Aa #30091E auf #384F77 2,16:1 Nicht bestanden

Aa #384F77 auf #47878F 2,01:1 Nicht bestanden

Aa #66BF70 auf #EFEF90 1,88:1 Nicht bestanden

Aa #47878F auf #66BF70 1,80:1 Nicht bestanden

Aa #57A79A auf #ADD778 1,73:1 Nicht bestanden

Aa #451948 auf #384F77 1,72:1 Nicht bestanden

Aa #1F0000 auf #4A2860 1,67:1 Nicht bestanden

Aa #30091E auf #4A2860 1,49:1 Nicht bestanden

Aa #4A2860 auf #384F77 1,45:1 Nicht bestanden

Aa #47878F auf #57A79A 1,44:1 Nicht bestanden

Aa #1F0000 auf #451948 1,40:1 Nicht bestanden

Aa #66BF70 auf #ADD778 1,38:1 Nicht bestanden

Aa #ADD778 auf #EFEF90 1,36:1 Nicht bestanden

Aa #30091E auf #451948 1,26:1 Nicht bestanden

Aa #57A79A auf #66BF70 1,25:1 Nicht bestanden

Aa #451948 auf #4A2860 1,19:1 Nicht bestanden

Aa #1F0000 auf #30091E 1,12:1 Nicht bestanden

Almost Like A Rainbow