Startseite Farbpaletten Clown Wing Monster

Clown Wing Monster

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

Zurück zur Bibliothek

Clown Wing Monster

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

Bearbeiten

Erdig 10 Farben Warm Gemischt Komplementär

Likes 4

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #E31919;
  --c-earthy-3: #E35819;
  --c-earthy-4: #E3CC19;
  --c-earthy-5: #53C140;
  --c-earthy-6: #4F22DF;
  --c-earthy-7: #D422DF;
  --c-earthy-8: #FBFBFB;
  --c-earthy-9: #C52020;
  --c-earthy-10: #969062;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Whiteout (#FBFBFB) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Blood Donor, Furious Fox, Oh Em Ghee, Skirret Green, Violet Glow, Demonic Purple, Whiteout, Star and Crescent Red und Tate Olive in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FBFBFB mit 20,29: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Blood Donor #E31919

RGB: rgb(227, 25, 25)
HSL: hsl(0, 80%, 49%)
Luminanz: 0,171

Furious Fox #E35819

RGB: rgb(227, 88, 25)
HSL: hsl(19, 80%, 49%)
Luminanz: 0,234

Oh Em Ghee #E3CC19

RGB: rgb(227, 204, 25)
HSL: hsl(53, 80%, 49%)
Luminanz: 0,596

Skirret Green #53C140

RGB: rgb(83, 193, 64)
HSL: hsl(111, 51%, 50%)
Luminanz: 0,404

Violet Glow #4F22DF

RGB: rgb(79, 34, 223)
HSL: hsl(254, 75%, 50%)
Luminanz: 0,081

Demonic Purple #D422DF

RGB: rgb(212, 34, 223)
HSL: hsl(297, 75%, 50%)
Luminanz: 0,205

Whiteout #FBFBFB

RGB: rgb(251, 251, 251)
HSL: hsl(0, 0%, 98%)
Luminanz: 0,965

Star and Crescent Red #C52020

RGB: rgb(197, 32, 32)
HSL: hsl(0, 72%, 45%)
Luminanz: 0,130

Tate Olive #969062

RGB: rgb(150, 144, 98)
HSL: hsl(53, 21%, 49%)
Luminanz: 0,273

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FBFBFB 20,29:1 AAA

Aa #000000 auf #E3CC19 12,92:1 AAA

Aa #000000 auf #53C140 9,07:1 AAA

Aa #4F22DF auf #FBFBFB 7,73:1 AAA

Aa #000000 auf #969062 6,46:1 AA

Aa #000000 auf #E35819 5,68:1 AA

Aa #FBFBFB auf #C52020 5,63:1 AA

Aa #000000 auf #D422DF 5,09:1 AA

Aa #E3CC19 auf #4F22DF 4,92:1 AA

Aa #E31919 auf #FBFBFB 4,59:1 AA

Aa #000000 auf #E31919 4,42:1 AA (großer Text)

Aa #D422DF auf #FBFBFB 3,98:1 AA (großer Text)

Aa #000000 auf #C52020 3,60:1 AA (großer Text)

Aa #E3CC19 auf #C52020 3,59:1 AA (großer Text)

Aa #E35819 auf #FBFBFB 3,58:1 AA (großer Text)

Aa #53C140 auf #4F22DF 3,45:1 AA (großer Text)

Aa #FBFBFB auf #969062 3,14:1 AA (großer Text)

Aa #E31919 auf #E3CC19 2,92:1 Nicht bestanden

Aa #000000 auf #4F22DF 2,63:1 Nicht bestanden

Aa #E3CC19 auf #D422DF 2,54:1 Nicht bestanden

Aa #53C140 auf #C52020 2,52:1 Nicht bestanden

Aa #4F22DF auf #969062 2,46:1 Nicht bestanden

Aa #E35819 auf #E3CC19 2,28:1 Nicht bestanden

Aa #53C140 auf #FBFBFB 2,24:1 Nicht bestanden

Aa #E35819 auf #4F22DF 2,16:1 Nicht bestanden

Aa #E31919 auf #53C140 2,05:1 Nicht bestanden

Aa #E3CC19 auf #969062 2,00:1 Nicht bestanden

Aa #4F22DF auf #D422DF 1,94:1 Nicht bestanden

Aa #C52020 auf #969062 1,79:1 Nicht bestanden

Aa #53C140 auf #D422DF 1,78:1 Nicht bestanden

Aa #E31919 auf #4F22DF 1,68:1 Nicht bestanden

Aa #E35819 auf #53C140 1,60:1 Nicht bestanden

Aa #E35819 auf #C52020 1,58:1 Nicht bestanden

Aa #E3CC19 auf #FBFBFB 1,57:1 Nicht bestanden

Aa #E31919 auf #969062 1,46:1 Nicht bestanden

Aa #E3CC19 auf #53C140 1,42:1 Nicht bestanden

Aa #D422DF auf #C52020 1,41:1 Nicht bestanden

Aa #53C140 auf #969062 1,40:1 Nicht bestanden

Aa #4F22DF auf #C52020 1,37:1 Nicht bestanden

Aa #E31919 auf #E35819 1,28:1 Nicht bestanden

Aa #D422DF auf #969062 1,27:1 Nicht bestanden

Aa #E31919 auf #C52020 1,23:1 Nicht bestanden

Aa #E31919 auf #D422DF 1,15:1 Nicht bestanden

Aa #E35819 auf #969062 1,14:1 Nicht bestanden

Aa #E35819 auf #D422DF 1,11:1 Nicht bestanden

Clown Wing Monster