Startseite Farbpaletten Palette „Hollow Knight“ mit 4 Farben

Palette „Hollow Knight“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hollow Knight“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 4.003

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E1F5F2;
  --c-muted-2: #6BC5D2;
  --c-muted-3: #5A5D9D;
  --c-muted-4: #390050;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Frosty Mint (#E1F5F2) bis zum dunkelsten Ton Hollow Knight (#390050). Sie vereint Frosty Mint, Paradise Sky, Violet Storm und Hollow Knight 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 #E1F5F2 auf #390050 mit 14,38:1.

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

Farben im Detail

Frosty Mint #E1F5F2

RGB: rgb(225, 245, 242)
HSL: hsl(171, 50%, 92%)
Luminanz: 0,877

Paradise Sky #6BC5D2

RGB: rgb(107, 197, 210)
HSL: hsl(188, 53%, 62%)
Luminanz: 0,477

Violet Storm #5A5D9D

RGB: rgb(90, 93, 157)
HSL: hsl(237, 27%, 48%)
Luminanz: 0,124

Hollow Knight #390050

RGB: rgb(57, 0, 80)
HSL: hsl(283, 100%, 16%)
Luminanz: 0,015

Kontrast & Barrierefreiheit

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

Aa #E1F5F2 auf #390050 14,38:1 AAA

Aa #6BC5D2 auf #390050 8,17:1 AAA

Aa #E1F5F2 auf #5A5D9D 5,32:1 AA

Aa #6BC5D2 auf #5A5D9D 3,02:1 AA (großer Text)

Aa #5A5D9D auf #390050 2,70:1 Nicht bestanden

Aa #E1F5F2 auf #6BC5D2 1,76:1 Nicht bestanden

Palette „Hollow Knight“ mit 4 Farben