Seagull 8

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

Zurück zur Bibliothek

Seagull 8

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

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär 8 sea groxguy gull

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #11131E;
  --c-vibrant-2: #4A5381;
  --c-vibrant-3: #60CAF7;
  --c-vibrant-4: #F9FAFF;
  --c-vibrant-5: #338E4A;
  --c-vibrant-6: #80350E;
  --c-vibrant-7: #CC9D57;
  --c-vibrant-8: #F9B62F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Wash Me (#F9FAFF) bis zum dunkelsten Ton Kuroi Black (#11131E). Sie vereint Kuroi Black, Mozart, Skyan, Wash Me, Wild Forest, Rogan Josh, Liddell und NYC Taxi in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #11131E auf #F9FAFF mit 17,74:1.

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

Farben im Detail

Kuroi Black #11131E

RGB: rgb(17, 19, 30)
HSL: hsl(231, 28%, 9%)
Luminanz: 0,007

Mozart #4A5381

RGB: rgb(74, 83, 129)
HSL: hsl(230, 27%, 40%)
Luminanz: 0,092

Skyan #60CAF7

RGB: rgb(96, 202, 247)
HSL: hsl(198, 90%, 67%)
Luminanz: 0,514

Wash Me #F9FAFF

RGB: rgb(249, 250, 255)
HSL: hsl(230, 100%, 99%)
Luminanz: 0,957

Wild Forest #338E4A

RGB: rgb(51, 142, 74)
HSL: hsl(135, 47%, 38%)
Luminanz: 0,205

Rogan Josh #80350E

RGB: rgb(128, 53, 14)
HSL: hsl(21, 80%, 28%)
Luminanz: 0,072

Liddell #CC9D57

RGB: rgb(204, 157, 87)
HSL: hsl(36, 53%, 57%)
Luminanz: 0,376

NYC Taxi #F9B62F

RGB: rgb(249, 182, 47)
HSL: hsl(40, 94%, 58%)
Luminanz: 0,538

Kontrast & Barrierefreiheit

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

Aa #11131E auf #F9FAFF 17,74:1 AAA

Aa #11131E auf #F9B62F 10,35:1 AAA

Aa #11131E auf #60CAF7 9,94:1 AAA

Aa #F9FAFF auf #80350E 8,28:1 AAA

Aa #11131E auf #CC9D57 7,51:1 AAA

Aa #4A5381 auf #F9FAFF 7,08:1 AAA

Aa #80350E auf #F9B62F 4,83:1 AA

Aa #60CAF7 auf #80350E 4,64:1 AA

Aa #11131E auf #338E4A 4,50:1 AA

Aa #4A5381 auf #F9B62F 4,13:1 AA (großer Text)

Aa #4A5381 auf #60CAF7 3,97:1 AA (großer Text)

Aa #F9FAFF auf #338E4A 3,94:1 AA (großer Text)

Aa #80350E auf #CC9D57 3,50:1 AA (großer Text)

Aa #4A5381 auf #CC9D57 3,00:1 AA (großer Text)

Aa #11131E auf #4A5381 2,51:1 Nicht bestanden

Aa #F9FAFF auf #CC9D57 2,36:1 Nicht bestanden

Aa #338E4A auf #F9B62F 2,30:1 Nicht bestanden

Aa #60CAF7 auf #338E4A 2,21:1 Nicht bestanden

Aa #11131E auf #80350E 2,14:1 Nicht bestanden

Aa #338E4A auf #80350E 2,10:1 Nicht bestanden

Aa #4A5381 auf #338E4A 1,80:1 Nicht bestanden

Aa #60CAF7 auf #F9FAFF 1,78:1 Nicht bestanden

Aa #F9FAFF auf #F9B62F 1,71:1 Nicht bestanden

Aa #338E4A auf #CC9D57 1,67:1 Nicht bestanden

Aa #CC9D57 auf #F9B62F 1,38:1 Nicht bestanden

Aa #60CAF7 auf #CC9D57 1,32:1 Nicht bestanden

Aa #4A5381 auf #80350E 1,17:1 Nicht bestanden

Aa #60CAF7 auf #F9B62F 1,04:1 Nicht bestanden

Seagull 8

Seagull 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen