Oasis Klub 8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Oasis Klub 8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär 4colors oasis klub oasisklub

Likes 57

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #2323C7;
  --c-vibrant-2: #7F70FF;
  --c-vibrant-3: #C735FB;
  --c-vibrant-4: #DC65B1;
  --c-vibrant-5: #00A8B1;
  --c-vibrant-6: #37CFB7;
  --c-vibrant-7: #E3D170;
  --c-vibrant-8: #FEF3C0;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Ray of Light (#FEF3C0) bis zum dunkelsten Ton Tetraammine (#2323C7). Sie vereint Tetraammine, Blackthorn Berry, Flamingo Queen, Mega Magenta, Exotic Sea, Bianchi Green, Golden Rice und Ray of Light in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2323C7 auf #FEF3C0 mit 8,8:1.

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

Farben im Detail

Tetraammine #2323C7

RGB: rgb(35, 35, 199)
HSL: hsl(240, 70%, 46%)
Luminanz: 0,057

Blackthorn Berry #7F70FF

RGB: rgb(127, 112, 255)
HSL: hsl(246, 100%, 72%)
Luminanz: 0,233

Flamingo Queen #C735FB

RGB: rgb(199, 53, 251)
HSL: hsl(284, 96%, 60%)
Luminanz: 0,217

Mega Magenta #DC65B1

RGB: rgb(220, 101, 177)
HSL: hsl(322, 63%, 63%)
Luminanz: 0,277

Exotic Sea #00A8B1

RGB: rgb(0, 168, 177)
HSL: hsl(183, 100%, 35%)
Luminanz: 0,312

Bianchi Green #37CFB7

RGB: rgb(55, 207, 183)
HSL: hsl(171, 61%, 51%)
Luminanz: 0,489

Golden Rice #E3D170

RGB: rgb(227, 209, 112)
HSL: hsl(51, 67%, 66%)
Luminanz: 0,631

Ray of Light #FEF3C0

RGB: rgb(254, 243, 192)
HSL: hsl(49, 97%, 87%)
Luminanz: 0,890

Kontrast & Barrierefreiheit

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

Aa #2323C7 auf #FEF3C0 8,80:1 AAA

Aa #2323C7 auf #E3D170 6,37:1 AA

Aa #2323C7 auf #37CFB7 5,04:1 AA

Aa #C735FB auf #FEF3C0 3,53:1 AA (großer Text)

Aa #2323C7 auf #00A8B1 3,39:1 AA (großer Text)

Aa #7F70FF auf #FEF3C0 3,32:1 AA (großer Text)

Aa #2323C7 auf #DC65B1 3,06:1 AA (großer Text)

Aa #DC65B1 auf #FEF3C0 2,87:1 Nicht bestanden

Aa #2323C7 auf #7F70FF 2,65:1 Nicht bestanden

Aa #00A8B1 auf #FEF3C0 2,60:1 Nicht bestanden

Aa #C735FB auf #E3D170 2,56:1 Nicht bestanden

Aa #2323C7 auf #C735FB 2,49:1 Nicht bestanden

Aa #7F70FF auf #E3D170 2,40:1 Nicht bestanden

Aa #DC65B1 auf #E3D170 2,08:1 Nicht bestanden

Aa #C735FB auf #37CFB7 2,02:1 Nicht bestanden

Aa #7F70FF auf #37CFB7 1,90:1 Nicht bestanden

Aa #00A8B1 auf #E3D170 1,88:1 Nicht bestanden

Aa #37CFB7 auf #FEF3C0 1,74:1 Nicht bestanden

Aa #DC65B1 auf #37CFB7 1,65:1 Nicht bestanden

Aa #00A8B1 auf #37CFB7 1,49:1 Nicht bestanden

Aa #E3D170 auf #FEF3C0 1,38:1 Nicht bestanden

Aa #C735FB auf #00A8B1 1,36:1 Nicht bestanden

Aa #7F70FF auf #00A8B1 1,28:1 Nicht bestanden

Aa #37CFB7 auf #E3D170 1,26:1 Nicht bestanden

Aa #C735FB auf #DC65B1 1,23:1 Nicht bestanden

Aa #7F70FF auf #DC65B1 1,15:1 Nicht bestanden

Aa #DC65B1 auf #00A8B1 1,11:1 Nicht bestanden

Aa #7F70FF auf #C735FB 1,06:1 Nicht bestanden

Oasis Klub 8

Oasis Klub 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen