Jungle 8

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

Zurück zur Bibliothek

Jungle 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär polyphrog jungle

Likes 28

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #054047;
  --c-vibrant-2: #228E44;
  --c-vibrant-3: #85E142;
  --c-vibrant-4: #EFFF7C;
  --c-vibrant-5: #FB7230;
  --c-vibrant-6: #B8272D;
  --c-vibrant-7: #40173A;
  --c-vibrant-8: #9D402B;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Huáng Dì Yellow (#EFFF7C) bis zum dunkelsten Ton Nightly Voyager (#40173A). Sie vereint Dark Side, Paperboy’s Lawn, Kiwi Green, Huáng Dì Yellow, Extreme Carrot, Madder Red, Nightly Voyager und Rock Spray in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EFFF7C auf #40173A mit 13,74:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Dark Side #054047

RGB: rgb(5, 64, 71)
HSL: hsl(186, 87%, 15%)
Luminanz: 0,042

Paperboy’s Lawn #228E44

RGB: rgb(34, 142, 68)
HSL: hsl(139, 61%, 35%)
Luminanz: 0,201

Kiwi Green #85E142

RGB: rgb(133, 225, 66)
HSL: hsl(95, 73%, 57%)
Luminanz: 0,592

Huáng Dì Yellow #EFFF7C

RGB: rgb(239, 255, 124)
HSL: hsl(67, 100%, 74%)
Luminanz: 0,913

Extreme Carrot #FB7230

RGB: rgb(251, 114, 48)
HSL: hsl(20, 96%, 59%)
Luminanz: 0,328

Madder Red #B8272D

RGB: rgb(184, 39, 45)
HSL: hsl(358, 65%, 44%)
Luminanz: 0,118

Nightly Voyager #40173A

RGB: rgb(64, 23, 58)
HSL: hsl(309, 47%, 17%)
Luminanz: 0,020

Rock Spray #9D402B

RGB: rgb(157, 64, 43)
HSL: hsl(11, 57%, 39%)
Luminanz: 0,110

Kontrast & Barrierefreiheit

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

Aa #EFFF7C auf #40173A 13,74:1 AAA

Aa #054047 auf #EFFF7C 10,52:1 AAA

Aa #85E142 auf #40173A 9,16:1 AAA

Aa #054047 auf #85E142 7,02:1 AAA

Aa #EFFF7C auf #9D402B 6,02:1 AA

Aa #EFFF7C auf #B8272D 5,72:1 AA

Aa #FB7230 auf #40173A 5,39:1 AA

Aa #054047 auf #FB7230 4,12:1 AA (großer Text)

Aa #85E142 auf #9D402B 4,01:1 AA (großer Text)

Aa #228E44 auf #EFFF7C 3,84:1 AA (großer Text)

Aa #85E142 auf #B8272D 3,82:1 AA (großer Text)

Aa #228E44 auf #40173A 3,58:1 AA (großer Text)

Aa #054047 auf #228E44 2,74:1 Nicht bestanden

Aa #228E44 auf #85E142 2,56:1 Nicht bestanden

Aa #EFFF7C auf #FB7230 2,55:1 Nicht bestanden

Aa #B8272D auf #40173A 2,40:1 Nicht bestanden

Aa #FB7230 auf #9D402B 2,36:1 Nicht bestanden

Aa #40173A auf #9D402B 2,28:1 Nicht bestanden

Aa #FB7230 auf #B8272D 2,24:1 Nicht bestanden

Aa #054047 auf #B8272D 1,84:1 Nicht bestanden

Aa #054047 auf #9D402B 1,75:1 Nicht bestanden

Aa #85E142 auf #FB7230 1,70:1 Nicht bestanden

Aa #228E44 auf #9D402B 1,57:1 Nicht bestanden

Aa #228E44 auf #FB7230 1,50:1 Nicht bestanden

Aa #85E142 auf #EFFF7C 1,50:1 Nicht bestanden

Aa #228E44 auf #B8272D 1,49:1 Nicht bestanden

Aa #054047 auf #40173A 1,31:1 Nicht bestanden

Aa #B8272D auf #9D402B 1,05:1 Nicht bestanden

Jungle 8

Jungle 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen