Cascade GB

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

Zurück zur Bibliothek

Cascade GB

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch artist gameboy cascadia

Likes 21

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2FDFF;
  --c-vibrant-2: #2977FF;
  --c-vibrant-3: #366C00;
  --c-vibrant-4: #060D00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Vapour (#F2FDFF) bis zum dunkelsten Ton Whiten’t (#060D00). Sie vereint Vapour, Hailey Blue, Tatzelwurm Green und Whiten’t in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2FDFF auf #060D00 mit 19,03:1.

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

Farben im Detail

Vapour #F2FDFF

RGB: rgb(242, 253, 255)
HSL: hsl(189, 100%, 97%)
Luminanz: 0,964

Hailey Blue #2977FF

RGB: rgb(41, 119, 255)
HSL: hsl(218, 100%, 58%)
Luminanz: 0,209

Tatzelwurm Green #366C00

RGB: rgb(54, 108, 0)
HSL: hsl(90, 100%, 21%)
Luminanz: 0,115

Whiten’t #060D00

RGB: rgb(6, 13, 0)
HSL: hsl(92, 100%, 3%)
Luminanz: 0,003

Kontrast & Barrierefreiheit

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

Aa #F2FDFF auf #060D00 19,03:1 AAA

Aa #F2FDFF auf #366C00 6,14:1 AA

Aa #2977FF auf #060D00 4,86:1 AA

Aa #F2FDFF auf #2977FF 3,92:1 AA (großer Text)

Aa #366C00 auf #060D00 3,10:1 AA (großer Text)

Aa #2977FF auf #366C00 1,57:1 Nicht bestanden

Cascade GB

Cascade GB

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen