DEEP MAZE

Palette mit 7 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

DEEP MAZE

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 7 Farben Kühl Gemischt Triadisch retro

Likes 461

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #F2FF66;
  --c-vibrant-2: #9AF089;
  --c-vibrant-3: #38D88E;
  --c-vibrant-4: #00BE91;
  --c-vibrant-5: #009A98;
  --c-vibrant-6: #085562;
  --c-vibrant-7: #001D2A;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Lemon Pie (#F2FF66) bis zum dunkelsten Ton Oxford by Night (#001D2A). Sie vereint Lemon Pie, Ulva Lactuca Green, Drunken Dragonfly, Blarney, Regula Barbara Blue, Plunge und Oxford by Night in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2FF66 auf #001D2A mit 15,94:1.

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

Farben im Detail

Lemon Pie #F2FF66

RGB: rgb(242, 255, 102)
HSL: hsl(65, 100%, 70%)
Luminanz: 0,914

Ulva Lactuca Green #9AF089

RGB: rgb(154, 240, 137)
HSL: hsl(110, 77%, 74%)
Luminanz: 0,710

Drunken Dragonfly #38D88E

RGB: rgb(56, 216, 142)
HSL: hsl(152, 67%, 53%)
Luminanz: 0,519

Blarney #00BE91

RGB: rgb(0, 190, 145)
HSL: hsl(166, 100%, 37%)
Luminanz: 0,389

Regula Barbara Blue #009A98

RGB: rgb(0, 154, 152)
HSL: hsl(179, 100%, 30%)
Luminanz: 0,254

Plunge #085562

RGB: rgb(8, 85, 98)
HSL: hsl(189, 85%, 21%)
Luminanz: 0,074

Oxford by Night #001D2A

RGB: rgb(0, 29, 42)
HSL: hsl(199, 100%, 8%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

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

Aa #F2FF66 auf #001D2A 15,94:1 AAA

Aa #9AF089 auf #001D2A 12,57:1 AAA

Aa #38D88E auf #001D2A 9,41:1 AAA

Aa #F2FF66 auf #085562 7,75:1 AAA

Aa #00BE91 auf #001D2A 7,26:1 AAA

Aa #9AF089 auf #085562 6,11:1 AA

Aa #009A98 auf #001D2A 5,02:1 AA

Aa #38D88E auf #085562 4,58:1 AA

Aa #00BE91 auf #085562 3,53:1 AA (großer Text)

Aa #F2FF66 auf #009A98 3,17:1 AA (großer Text)

Aa #9AF089 auf #009A98 2,50:1 Nicht bestanden

Aa #009A98 auf #085562 2,44:1 Nicht bestanden

Aa #F2FF66 auf #00BE91 2,20:1 Nicht bestanden

Aa #085562 auf #001D2A 2,06:1 Nicht bestanden

Aa #38D88E auf #009A98 1,87:1 Nicht bestanden

Aa #9AF089 auf #00BE91 1,73:1 Nicht bestanden

Aa #F2FF66 auf #38D88E 1,69:1 Nicht bestanden

Aa #00BE91 auf #009A98 1,44:1 Nicht bestanden

Aa #9AF089 auf #38D88E 1,34:1 Nicht bestanden

Aa #38D88E auf #00BE91 1,30:1 Nicht bestanden

Aa #F2FF66 auf #9AF089 1,27:1 Nicht bestanden

DEEP MAZE

DEEP MAZE

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen